Vuex 如何存值/取值?
七娃博客176 次
Vuex 如何存值/取值?为什么要用Vuex,直接js使用全局变量不久可以了吗?或者H5的localstorage不都可以吗?为什么要用Vuex?
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。
评论 | 0 条评论
登录之后才可留言,前往登录