Vuex总结

概述

使用Vuex对象的作用与好处

1.统一存储多个组件都需要共用的资源，这样拿的时候方便.

2.可以响应式的管理这些资源,这是自己创建对象管理做不到的.

因此,我们使用Vuex存储共享资源

响应式
页面数据和内部数据同步

响应式原理
把初始化的属性加进响应式系统，响应式系统会监听属性变化,然后同步属性.
但不是初始化的属性,就不会加入响应式系统,就不会同步数据.
一些方法可以响应式后期添加.

单页面变量管理过程
data → views → actions → data 循环

单一数据源
指只用一个Vuex存放公共资源.

需要Vuex管理的资源特点
1.多个组件需要共享
如:头像,用户名,购物车物品

2.父子传递层级太多

DevTools
浏览器插件，可以记录state的每一次改变,但需要在Mutation中改,只支持同步，异步记录不了.

Vuex的使用

1.安装到node
npm instal Vuex --save

2.创建store文件夹
store是约定文件夹名,index.js写相关代码

3.在用的文件夹导入
import Vuex from ‘vuex’

4.安装到Vue,Vuex是插件<