
vuex具体使用用法
1、安装
两种方法都可以
在main.js中引入
2、添加文件
项目完整目录如下
项目完整目录
3、每个文件具体配置
<1>、modules
modules里面添加js文件,命名随意,建议按照模块命名,每个模块仅存储该模块的状态。
示例:
假设里面创建了一个 form.js 和 user.js 两个文件
form.js
user.js
<2>、getters.js
所有使用的状态在这里都要列出来
<3>、index.js
modules中创建的文件在index.js中引入一下
4、使用
使用方法很简单,只需在具体的.vue文件中引入相应状态即可
如需改变状态也很简单,不需要额外引入,直接调用方法即可
vuex的使用方法:
1、用Vue脚手架工具构建好项目;
2、利用npm包管理工具安装vuex;
3、新建一个store文件夹,并在文件夹下新建“store.js”文件;
4、在文件中引入vue和vuex。