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来代替
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步