Vuex原理

Vuex的原理

Vuex是专门为Vue.js应用程序设计的状态管理工具。相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Redux,Redux大多用于React,针对Redux后续在做补充

Vuex运行机制

(1)Vuex的状态存储是响应式的
(2)当vue组件从store中读取时，若store中状态发生改变，响应的组件也会更新状态
(3)不能直接改变state，必须通过显示的提交(commit)mutations来追踪每个状态的变化

Vuex有什么好处？及使用场景

好处：

1、能够在vuex中集中管理共享的数据，易于开发和后期维护；
2、能够高效地实现组件之间的数据共享，提高开发效率；
3、存储在vuex的数据都是响应式的，能够实时保持数据与页面的同步；
使用场景：(1)登录信息、(2)购物车、(3)复杂的组件通信

vue的使用步骤

1、安装vuex

npm install vuex --save/-dev

2、引用vuex，创建仓库store。 创建 store.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

//数据
const