vuex解释
vuex其实就是一个状态管理仓库,其实就是一个公共仓库,可以存放公共数据,任何组件都可以使用vuex里的公共
数据
什么情况下可以使用vuex
简单来说就是当你在构建大型项目的时候,需要组件外部管理状态,这个时候vuex就是最好的选择
vuex的组成
state: 状态
就是vuex存放数据的地方
getters: 获取器
vuex通过已有的数据计算出新的数据,和vue的computed一样都是计算属性
mutations: 方法库
类似于vue的methods,就是用来放改变数据的方法,需要通过commit来调用
actions: 调用异步方法
与mutaition类似,都是方法,区别在于action不能直接更改state里的数据,需要先通过mutation来追踪每个数据的变化。通过dispatch来调用
modules: 模块
将vuex进行模块化
vuex在页面中
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
//定义数据
state: {
show:false
},
// 方法
mutations: {
changeShow(state){
state.show=!state.show
}
},
//异步方法
actions: {
},
//模块化
modules: {
}
})