vuex --安装 --基础 2018-11-05

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

你可能感兴趣的:(vuex --安装 --基础 2018-11-05)