uni-app開發(vuex封裝)
阿新 • • 發佈:2021-05-21
作者:老吳
1,下載依賴
- 在根目錄啟動cmd命令視窗
- 並輸入
npm i vuex -s
下載vuex - 之後根目錄裡會出現
node_modules
資料夾證明下載成功
2,建立資料夾
- 在根目錄裡建立
store
資料夾,之後在store
資料夾建立index.js
檔案
3,封裝vuex
- 開啟
store
裡的index.js
檔案並寫入
import Vue from 'vue';
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
//由於儲存vuex裡的資料
state:{
},
//操作vuex的方法函式
mutations: {
},
})
module.exports=store
4,掛載vuex
- 在根目錄的
main.js
中寫入
//掛載vuex
import store from './store'
Vue.prototype.$store = store
直到這一步我們就封裝完畢了,可以直接使用了,如果不瞭解vuex的使用方式的話請點選此連結