脚本宝典收集整理的这篇文章主要介绍了

vuex 笔记整理

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

  • 在vuex出来以前,我们怎么管理我们的状态?
    data --> state
    template --> view
    methods --> actions
    一个表示“单向数据流”理念的极简示意
    vue--(dispath)->actions---(modify state)-->state---(render)->vue ... 如此循环下去
    vuex 笔记整理-脚本宝典
    vuex的出现,在actions 和state之间多了一层 mutations
    vue--(dispath)--> actions--(commit)-->mutations--(modidy)-->state--(render)-->vue ... 如此单向数据流循环下去。
    再细分下 actions-->mutations-->state 就是vuex
    图片描述
  • state
    Vuex 使用单一状态树,即每个应用将仅仅包含一个 store 实例,但单一状态树和模块化并不冲突。可以同时设置多个子模块,统一由一个store来管理
  • mutations
    下面一句话相当重要
    更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
    重要原则
    mutation 必须是同步函数
    如何一定是同步函数呢?
    假设当你能调用了两个包含异步回调的 mutation 来改变状态,你怎么知道什么时候回调和
    哪个先回调呢?
  • action
    当vue组件dispath一个action后,会提交的是 一个mutation,从而间接变更状态state
    并且可以是异步操作
    最简单的调用如:store.dispatch('increment')

参考文献

总结

以上是脚本宝典为你收集整理的

vuex 笔记整理

全部内容,希望文章能够帮你解决

vuex 笔记整理

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过