vuex学习笔记

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 { mapState } from &#