Vuex 如何存值/取值?为什么要用Vuex,直接js使用全局变量不久可以了吗?或者H5的localstorage不都可以吗?为什么要用Vuex?
Vuex 如何存值/取值?-QUI-Notes

Vuex的使用方法

1.vuex的store里面设置属性和方法
 

{ 
    moduleName: "Cur", //存储单元名字
    content: {
      namespaced: true,
      state: {
        content: 0  //存储属性值,可以设置多个
      },
      mutations: {
        setCur: (state, content) => {   // 设置存值方法
          state.content = content
        }
      }
 }

2.Vuex存值

this.$store.commit('Cur/setCur', 5);

3.Vuex取值

this.$store.state.Cur.content;

全局变量的弊端:

这样就是vue全家桶中vuex的最简单直接的用法。脑子越来越不好使了,可能是用的太少,之前一直用全局变量 window.$参数,发现父页面设置全局参数,子页面刷新之后,全局参数丢失。最后实战中不得不放弃全局变量,改用vuex。