vuex
- 1.vuex是什么?怎么使用?哪种功能场景使用它?
- 2.vuex有哪几种属性?
- 3.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?
- 4.Vuex解决了什么问题?
- 5.Vuex中状态储存在哪里,怎么改变它?
- 6.Vuex中状态是对象时,使用时要注意什么?
- 7.怎么在组件中批量使用Vuex的state状态?
1.vuex是什么?怎么使用?哪种功能场景使用它?
答:vue框架中状态管理。在main.js引入store,注入。
新建了一个目录store.js,…… export 。
场景有:单页应用中,组件之间的状态。音乐播放、登录状态、加入购物车
2.vuex有哪几种属性?
答:有五种,分别是 State、 Getter、Mutation 、Action、 Module
state
=> 基本数据(数据源存放地)
getters
=> 从基本数据派生出来的数据
mutations
=> 提交更改数据的方法,同步!
actions
=> 像一个装饰器,包裹mutations,使之可以异步。
modules
=> 模块化Vuex
3.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?
- 如果请求来的数据是不是要被其他组件公用,仅仅在请求的组件内使用,就不需要放入vuex 的state里。
- 如果被其他地方复用,这个很大几率上是需要的,如果需要,请将请求放入action里,方便复用,并包装成promise返回,在调用处用async await处理返回的数据。如果不要复用这个请求,那么直接写在vue文件里很方便
4.Vuex解决了什么问题?
答: 多个组件依赖于同一状态时, 来自不同组件的行为需要变更同一状态。
5.Vuex中状态储存在哪里,怎么改变它?
答:存储在state中,改变Vuex中的状态的唯一途径就是显式地提交 (commit) mutation。
6.Vuex中状态是对象时,使用时要注意什么?
答:对象是引用类型,复制后改变属性还是会影响原始数据,这样会改变state里面的状态,是不允许,所以先用深度克隆复制对象,再修改。
7.怎么在组件中批量使用Vuex的state状态?
答:使用mapState辅助函数, 利用对象展开运算符将state混入computed对象中
import {mapState} from 'vuex'
export default{
computed:{
...mapState(['price','number'])
}
}