1.npm i vuex -D装上依赖文件
2.在src目录下建一个仓库文件夹,文件夹里面写入store.js如下
3.store.js文件内容,进行暴露,然后main.js进行导入
4.main.js导入
5.接下来可以任意组件调用了,通过这种方式
6.如果需要对数据进行操作
查看所有组件信息均得到了修改
关于关于vuex:
1.vuex是专门为vue提供的状态管理工具
2.便于维护,vue中引用vuex,解决状态之间的管理问题
3.多个组件调用yi个状态,将组件与组件之间的传值改成组件与仓库之间的传值
4.vuex适用于大型项目,如果不是大型项目,回事代码更加繁琐
vuex的核心:
state:存放多个组件共享的状态
mutations:存放更改state里的状态的方法,是唯一一个更改状态的属性
getters:用于state中的某一个状态进行过滤
actions:用于调用事件动作,并传递给mutation
modules:主要用来拆分state
网友评论