Vuex简单使用
安装 使用 vuex是一个插件，所以需要Vue.use 注册了vuex，我们就可以在vue里配置store了 getters 这里多了个配置 getters ，他可以看作是基于state的computed属性。
state：vuex的基本数据，用来存储变量 geeter：从基本数据(state)派生的数据，相当于state的计算属性 mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。
Vue组件简单常用的通信方式有以下几种：父子通信：父向子传值，通过props；子向父传值通过events ($emit)；父调用子方法通过ref；provide / inject。兄弟通信：bus 跨级嵌套通信：bus；provide / inject等。
由于 setTimeout 是异步操作，所以需要使用 actions 在组件中调用：改进：由于是异步操作，所以我们可以为我们的异步操作封装为一个 Promise 对象 当项目庞大，状态非常多时，可以采用模块化管理模式。
在vuex中 在组件中使用 async / await 或者 then / catch 处理异步 当应用变得非常复杂时， store 对象就可能变得相当臃肿。
vuex是什么?
vuex的五个属性及使用方法具体如下：VueX是一个专门为Vue.js应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)。Vuex有五个核心概念：state，getters，mutations，actions，modules。
因为vuex属于插件，插件的优点是拿来即用，缺点是使用次数不是很频繁的话，其实是冗余的，就像处理函数操作的插件，这个项目就涉及个加减乘除，没有复杂操作，你直接引入个插件库，就造成了冗余，vuex同样。
官网说vuex是状态管理工具，其实说白了，vuex就是一个存放多个组件共用的一个数据的存放、更改、处理的一个容器，就是说来存放处理公共数据的工具，存放的数据一变，各个组件都会更新，也就是说存放的数据是响应式的。
Vuex原理面试是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Redux，Redux大多用于React，针对Redux后续在做补充。
vuex的作用?
Vuex可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用，使用Vuex可能是繁琐冗余的。确实是如此——如果您的应用够简单，最好不要使用Vuex。
VueX 是适用于在 Vue 项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步 data 中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。
vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理所有组件的状态，并以相应的规则保证状态。
Vuex原理面试是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Redux，Redux大多用于React，针对Redux后续在做补充。
vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。在vuex出现之前，vue里面的状态是属于‘单向数据流’。
vuex的五个属性及使用方法
state：vuex的基本数据，用来存储变量(后四个属性都是用来操作state里面储存的变量的)。getters：是对state里面的变量进行过滤的。mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。
直接在模板中使用全局状态管理数据，表达式会写的很长。所以可以使用计算属性。
Vuex是专为Vue.js开发的状态管理模式。它采用集中式存储，管理所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化（我的理解就是全局变量）。
Vue组件简单常用的通信方式有以下几种：父子通信：父向子传值，通过props；子向父传值通过events ($emit)；父调用子方法通过ref；provide / inject。兄弟通信：bus 跨级嵌套通信：bus；provide / inject等。
vuex的执行流程：安装 使用 vuex是一个插件，所以需要Vue.use 注册了vuex，我们就可以在vue里配置store了 getters 这里多了个配置 getters ，他可以看作是基于state的computed属性。
14.vuex和localStorage,全局变量的区别
1、每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。
2、localStorage：用于长期存储，当浏览器关闭之后localStorage存储的内容不会被清除，数据一直存储在本地。
3、vuex管理的是应用处于当前运行状态下的一些数据，而storage保存的是由应用告诉浏览器需要保存的数据，区别是，网页一刷新，vuex数据就没了，而storage不受刷新影响。。
4、最重要的区别：vuex存储在内存，localstorage则以文件的方式存储在本地 应用场景：vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值。永久性：当刷新页面时vuex存储的值会丢失，localstorage不会。
5、局部变量和全局变量的区别有：定义范围不同，作用域不同、生命期不同。主要表现在：定义范围不同，一个是函数体内部，一个是函数外部。作用域不同，一个仅限于函数体内容，一个是整个程序。
vuex有什么用,为什么要用vuex呢?
1、vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理所有组件的状态，并以相应的规则保证状态。
2、VueX 是适用于在 Vue 项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步 data 中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。
3、Vuex是通过全局注入store对象，来实现组件间的状态共享。在大型复杂的项目中（多级组件嵌套），需要实现一个组件更改某个数据，多个组件自动获取更改后的数据进行业务逻辑处理，这时候使用vuex比较合适。
4、Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行衡量。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此 —— 如果您的应用够简单，您最好不要使用 Vuex。
5、它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 如果一份数据需要在多个组件中使用，组件间传值又比较复杂，就可以使用vuex托管数据。