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

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

繁华开满天机
浏览 913回答 2
2回答

慕村225694

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

倚天杖

那你为什么不用原生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;上面的方法肯定不行,在复杂的程序中 要封装成方法来修改然后就有了register和dispatch为了 devtools 便于追踪调试 vuex 做了自己的封装 Mutation commit 使得状态必须同步提交 在js中肯定会有异步 所以有了 Action dispatch用来异步操作像上面的你会发现做着做着就封装成立vuex或者类似的状态管理
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js