vue專案中使用vuex

2021-09-24 08:31:55 字數 1152 閱讀 4880

import vue from 'vue'


import vuex from 'vuex'


import mutations from './mutations'


import actions from './actions'


import getters from './getters'


import  from '../utils/auth'


const state = 


vue.use(vuex)


export default new vuex.store()


複製**
import  from '@/api/portal.js'


export default ) ).catch(error => )


})},


// 獲取租戶id


gettenantinfo () ).catch(error => )


})}}


複製**
import  from './mutation-type'


export default ,


[get_menus] (state, data) 


}複製**
export const login_byusername = 'login_byusername'


export const get_menus = 'get_menus'


複製**
使用computed

created


() computed: 


}複製**
使用vuex的import from 'vuex'的話

你需要先在getters.js檔案中

const getters = 


export default getters


複製**
在元件中

computed: ,


created


() 複製**
以上是使用流程 具體vuex的原理暫時不介紹了 有興趣的童鞋去官網看看 [ ]: vuex.vuejs.org/zh/guide/

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中，devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery，具體步驟如下 1 npm 安裝 jquery 命令如下，後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後，會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了，之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...