vuex的基本使用【重要】

vuex是什么

全局数据总线

vuex

vuex专门解决共享数据的问题。

什么时候使用vuex

多组件需要共享数据，只保存一份，需要修改的时候，所有组件的数据都能同步更新。

vuex工作原理图

搭建vuex的开发环境

在main.js中引入和使用

use以后，创建vm的时候就可以使用store的配置项。vm和vc中我们都可以看到$store。

创建文件。

src/store/index.js

main.js

main.js在执行的时候，会扫描所有的import的文件，然后汇总到最上方，先执行这些文件。因此在main.js中引入vuex是不行的。

总结

使用步骤

将业务逻辑写在store里面。

不需要处理业务逻辑直接使用commit。

vuex的基本使用

getters

写成计算属性，简化页面的模板代码。

mapstate

对象写法：

数组写法：

map方法

生成唯一id的方法。

vuex的模块化编码

配置放在不同的对象中

对象的简写形式：

必须配置命名空间。

确定联系的是哪个模块的。

自己写，没有使用map的情况。

模块化编码和命名空间相互配合，解决命名冲突的问题。还可以拆分文件。

引入。

总结