Vuex 是什么

vue的状态管理模式
集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;

使用

  1. 安装
    npm i vuex -D
  2. 配置
    1. // 注册
    2. import Vuex from 'vuex'
    3. Vue.use(Vuex)
    4. // 创建 store
    5. var store = new Vuex.store({
    6. state: {
    7. // 调用方式: this.$store.state.***
    8. },
    9. mutations: {
    10. // 组件中调用:this.$store.commit('方法名称', '按需传入唯一参数')
    11. },
    12. getters:{
    13. // 调用方式:this.$store.getters.***
    14. }
    15. })
    16. // 挂载
    17. var vm = new Vue({
    18. el: "#demo"
    19. data: {}
    20. router,
    21. store
    22. })