1. 程式人生 > 其它 >uni-app開發(vuex封裝)

uni-app開發(vuex封裝)

作者:老吳

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的使用方式的話請點選此連結