1.vuex的基础介绍
vuex是一个专为vue.js应用程序并发的状态管理模式,它采样集中式储存管理应用的所有组件的状态,并以想应的规则保证状态以一种可预测的方式发生改变
vuex是采用集中式管理组件依赖的共享数据的一个工具,可以解决不同组件的共享问题
结论
1.修改state(共享状态数据)状态只能通过mutaitions
2.只能执行同步代码. ajax 定时器 promise 不能
3.执行异步代码要通过actions,然后把数据提交给mutaitions才能完成
4.组件中可以调用aciton
vuex基础使用
初始化功能
main.js中引入 注册 实例化
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({})
new Vue({
render: h => h(App),
store,
}).$mount('#app')
vuex-State:
放置在所有公共状态的属性,如果你有一个公共状态数据,你只需要定义在state对象中
辅助函数 mapState
1.在app.vue 按需导入import { mapStat