搭建仓库
安装npm,在根目录文件的终端输入生成package.json文件(可以去官方文档查找是否可以下载npm)
npm init -y //-y是默认设置
安装vuex
npm i vuex@3 -s //vue2应该安装.3版本
新建文件和目录
import vue from 'vue'
import vuex from 'vuex'
//安装插件
vue.use(vuex);
//创建仓库
const store = new vuex.store({
modules:{
}
})
export default store
在main.js中搭载vuex
/引入仓库
import store from './store/index.js'
const app = new Vue({
...App
store
})
测试是否搭建成功
在store目录下新建模块目录mudoles,新建js文件home.js,写模块代码
const state={
test:'测试数据'
}
const mutations={
}
const actions={
}
const getters={
}
export default {
namespaced:true, //将除了state的 mutations,actions,getters都分模块处理
state,
mutations,
acti