对vuex的理解?
Vuex实现了一个单向数据流,在全局拥有一个State存放数据,当组件要更改State中的数据时,必须通过Mutation进行,Mutation同时提供了订阅者模式供外部插件调用获取State数据的更新。而当所有异步操作(常见于调用后端接口异步获取更新数据)或批量的同步操作需要走Action,但Action也是无法直接修改State的,还是需要通过Mutation来修改State的数据。最后,根据State的变化,渲染到视图上
vuex的使用?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,具体包括:
1、state:Vuex 使用单一状态树,即每个应用将仅仅包含一个store 实例,但单一状态树和模块化并不冲突。存放的数据状态,不可以直接修改里面的数据。
2、getter:state的计算属性,类似vue的计算属性,主要用来过滤一些数据。
3、action:actions可以理解为通过将mutations里面处理数据的方法变成可异步的处理数据的方法,简单地说就是异步操作数据。view 层通过 store.dispath 来分发 action。可以异步函数调用
4、mutation:mutations定义的方法动态修改Vuex 的 store 中的状态或数据
5、modules:项目特别复杂的时候,可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。
Vuex中 action 和 mutation 的区别
mutation中的操作是一系列的同步函数,用于修改state中的变量的的状态。它会接受 state 作为第一个参数,第二个参数是参数。
Vuex和单纯的全局对象有什么区别
Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。