VUEX知识点总结(待更)

简单来说,vuex就是一个为vue程序开发的公共状态管理模式,可以集中式存储应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化,

通常情况下当我们遇到多个组件共享状态的时候,单项数据流的简洁性很容易被破坏,导致代码无法维护

于是,我们将组件的共享状态抽取出来,以一个全局单例的模式管理,这个模式我们就叫做vuex

vuex和单纯的全局对象的区别如下:

  1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
  2. 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,devtools可以看到每一次的状态改变。

在使用vuex之前,我们首先要调用 Vue.use(Vuex),这样子组件就可以通过this.$store方法问vuex

const Counter = { template: <div>{{ count }}</div>, computed: { count () { return this.$store.state.count } } }

当我们用vuex管理公共状态的时候,分为同步异步两种情况

x.png

待更

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,299评论 0 6
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,990评论 0 7
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,440评论 4 111
  • 配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...
    sunny688阅读 6,842评论 0 23
  • 配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...
    稻草人_9ac7阅读 4,363评论 0 5