修改state状态必须通过mutations
mutations只能执行同步代码,类似ajax,定时器之类的代码不能在mutations中执行
执行异步代码,要通过actions,然后将数据提交给mutations才可以完成
state的状态即共享数据可以在组件中引用
组件中可以调用action
vuex基础-初始化功能
vue create demo 创建了一个叫demo的文件、
初始化:
第一步:npm i vuex --save => 安装到运行时依赖 => 项目上线之后依然使用的依赖 ,开发时依赖 => 开发调试时使用
第二步: 在main.js中 import Vuex from 'vuex'
第三步:在main.js中 Vue.use(Vuex) => 调用了 vuex中的 一个install方法
第四步:const store = new Vuex.Store({...配置项})
第五步:在根实例配置 store 选项指向 store 实例对象
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(vuex)
const store = new Vuex.Store({})
new Vue({
el: '#app',
store
})
vuex基础-state
state是放置所有公共状态的属性,如果你有一个公共状态数据 , 你只需要定义在 state对象中
// 初始化vuex对象
const store = new Vuex.