搭建仓库
初始化package.json
npm init -y
下载vuex:
我们此处使用的vue2,需要装和vue2相匹配的vuex,即vuex3.多的版本
npm install vuex@3 -S
2.引入Vuex-基本结构
store/index.js
import Vue from 'vue';
import Vuex from 'vuex'
import home from './modules/home.js'
Vue.use(Vuex);
const store=new Vuex.Store({
modules:{
home
}
})
export default store;
store/modules/home.js
const state={
test:'测试数据'
}
const mutations={
}
const actions={
}
const getters={
}
export default {
state,
mutations,
actions,
getters
}
在main.js中使用store
//main.js
import App from './App'
// #ifndef VUE3
import Vue from 'vue'
//1.引入stroe
import store from './store/index.js'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App,
//2.使用store
store
})
app.$mount()
// #endif