【vue】为什么要使用vuex而不是window.obj来维护全局的实例属性和方法呢

【vue】为什么要使用vuex而不是window.obj来维护全局的实例属性和方法呢?

回答:

那你为什么不用原生js开发 用vue呢?
下面就拿window.obj用开发举例

window.obj = {
    count: 1,
    todos: [
      { id: 1, text: '...', done: true },
      { id: 2, text: '...', done: false }
    ]
}

如果要修改状态

//a组件
window.obj.count+=1;
//b组件
window.obj.count+=5;
//c组件
window.obj.count=10;

上面的方法肯定不行,在复杂的程序中 要封装成方法来修改
然后就有了registerdispatch
为了 devtools 便于追踪调试 vuex 做了自己的封装 Mutation commit 使得状态必须同步提交 在js中肯定会有异步 所以有了 Action dispatch用来异步操作

像上面的你会发现做着做着就封装成立vuex或者类似的状态管理

回答:

vuex除了提供全局变量,它还能:

  • 抽象业务逻辑,减少重复代码;比如异步获取的数据,不需要每个地方都写请求接口的代码,只需要store.dispatch('actionName')
  • 统一数据来源;一个数据可能来自:1.服务端 2.web socket的推送 3.响应用户操作之后对数据执行的运算符操作;没有使用vuex,你要在不同的地方写这三种其一的获取/修改数据的代码,而使用vuex只需要一句store.dispatch('actionName')

要不要使用vuex,答案很明显啊!

回答:

  1. 相对安全
  2. 模块化管理
  3. 响应式

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注