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的情况。
模块化编码和命名空间相互配合,解决命名冲突的问题。还可以拆分文件。
引入。
总结