Vue.js教程-Vuex

Vuex是什么Vuex怎么管理状态

Vuex是什么

首先它是状态管理器，管理了多个组件都要用的共享变量，将这些变量封装到一个对象中，然后把这个对象放在Vue的实例里，就是new Vue({})里，大家应该没忘。那为什么要Vuex来管理呢，自己封装一个对象然后放进Vue实例中不也可以吗？其实Vuex最重要的特点就是响应式，因为自己实现响应式太麻烦了，所以就开发了Vuex。

Vuex怎么管理状态

管理的就是共享的信息，例如你的登录信息，总不能切换个界面就得重新登录一次吧。所有的共享信息都放在state中，并进行响应式操作。 毫无疑问，其实就是actions对state进行操作，然后展现给view，view中可以通过点击等事件调用actions。这里最重要的就是state，它就是我们的状态。 Vuex其实是用于多界面的开发，就像电商系统，你点击了你的购物车，界面跳到购物车页面并显示你这个登录账号的购物车，这个需求就是共享了登录信息，那么这个登录信息就是保存在Vuex中。Vuex就等于一个管家，管理着所有的共享变量，所有对state的操作都需要通过Vuex中的actions和mutations规定的规则进行修改。 最后就是将需要用的状态量和全局函数写在对应的位置上就行了。