当前位置:首页>维修大全>综合>

vuex最详细完整的使用用法(vuex的五个属性及使用方法)

vuex最详细完整的使用用法(vuex的五个属性及使用方法)

更新时间:2025-02-03 22:34:07

vuex最详细完整的使用用法

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。

更多栏目