[JavaScript知识库]Vuex知识点

1. 概念和作用解析

1. vuex是专为vue.js应用程序开发的状态管理模式
2. 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化
3. 状态管理是什么：
   可以简单地将其看成把需要多个组件共享的变量全部存储在一个对象里面，然后将这个对象放在顶层的Vue实例中，让其他组件可以使用
4. 自己封装实现一个对象也能保证它里面所有的属性都能做到响应式，不过很麻烦
5. 管理什么状态：需要在多个界面共享的状态才放入vuex

2.单界面到多界面状态管理切换

1. 在src文件夹里添加一个名为store(仓库)的文件夹，里面放关于vuex的，在store下创建index.js文件
   之后在main.js挂载，之后所有vue组件都有$store对象

在app.vue里应用$store.state.counter

3.vuex-devtools和mutations

1. vuex状态管理图例
   devtools是vue开发的一个浏览器插件，可以记录每一次state改变的状态
   修改state一定要通过mutations去改
   可以直接修改但是不建议，如<button @click="$store.state.counter++">+</button>，因为调试不方便 2.