vuex总结

vuex的过程

规定所有的数据操作必须通过 action - mutation - state change 的流程来进行，再结合Vue的数据视图双向绑定特性来实现页面的展示更新。
统一的页面状态管理以及操作处理，可以让复杂的组件交互变得简单清晰，同时可在调试模式下进行时光机般的倒退前进操作，
查看数据改变过程，使code debug更加方便。

vuex的actions和mutations的区别

mutations是对状态的直接修改，是一个同步修改状态的函数
actions是对状态的批量修改，通常是异步操作，包含一组mutations，在异步操作的前后，失败，成功等处修改组件状态
也可以是同步操作，但是需要执行多次mutations

 

vue的watch注意点

1. watch是异步执行，watch操作会在nextTick中执行，连续的多次对同一个变量赋值，只有最后一次的赋值是有效的

2. watch的方法，只有在值发生改变时候才会执行，赋同样的值，watch方法不会触发

3. 当watch多个值要执行同一个方法时候，可以用computed来代替