美文网首页web大前端@IT·互联网Vue.js开发技巧
《vue通信2》vuex状态存储及持久化,数据状态监听更新

《vue通信2》vuex状态存储及持久化,数据状态监听更新

作者: 最爱当年的我 | 来源:发表于2017-04-27 19:58 被阅读2842次

1.安装 npm i vuex --save-dev

安装成功提示

2.导入vuex 并设置

导入全局设置vuex

3.使用基本方法

基本使用方法,如需抽取,请自便

4.数据提交
this.$store.dispatch('setUserInfo','userInfo'));
setUserInfo要和设置 actions中的方法名一致

5.数据监听并显示

test监听state中的数据变化

好了,这是利用state状态管理监听相关知识梳理,

下次分享vue-vue-resource 监听state状态并做网络请求做界面数据实时更新,
ps:声明本人只是将自己的学习成果及从去年至今做多页面开发中的一小部分知识梳理,以上写法有错欢迎评论指正,^^

相关文章

网友评论

    本文标题:《vue通信2》vuex状态存储及持久化,数据状态监听更新

    本文链接:https://www.haomeiwen.com/subject/nwenzttx.html