vue vuex的state,getter,mustation,action,module
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex核心属性: vuex中给出了几个核心名词,state,getter,mutation,action,module。 我们画图说明。 属性名 描述 state 仓库,里面存放数据 getter 搬运工小组,有无数个搬运工,只负责从厂房往外搬东西 mutation 操作工小组,有无数个操作工,负责更新货物,只能同步进行 action 操作工小组,有无数个操作工,负责更新货物,可以异步进行 module 工厂里的厂区,vuex里面可以有无数个厂区 ####vuex的使用: // 下载vuex包 npm install --save vuex 然后我们在src目录下,创建一个store目录,在该目录下创建一个index.js文件。 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) // 数据仓库 const state = { // 定义一个公共属性,并初始化赋值 name: '厂长' } // 数据的搬运工,我可以在其中定义搬运规则 const getters = { getName: function (state) { // 在这里定义搬运规则