vuex存值与取值的实例


Posted in Javascript onNovember 06, 2019

组件内取值

computed: {  
  value() {
   return this.$store.state.userData.xxx;
  }
 },

组件内存值

methods: { 
   fn() {   
       this.$store.commit('setValue',xxx)    
     }      
  }

store的matution.js中

setValue(state,xxx){
  state.userData.xxx= xxx;
 },

store的index.js中

const state = {
 
 userData: {
  
  "xxx":{}
 }
}

以上这篇vuex存值与取值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery Clone Bug解决代码
Dec 22 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
jQuery UI库中dialog对话框功能使用全解析
Apr 23 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
vue构建动态表单的方法示例
Sep 22 Javascript
vue点击自增和求和的实例代码
Nov 06 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
node省市区三级数据性能测评实例分析
Nov 06 #Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 #Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 #Javascript
vuex state中的数组变化监听实例
Nov 06 #Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 #Javascript
webpack是如何实现模块化加载的方法
Nov 06 #Javascript
node读写Excel操作实例分析
Nov 06 #Javascript
You might like
一棵php的类树(支持无限分类)
2006/10/09 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
自己的js工具 Cookie 封装
2009/08/21 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
javascript实现C语言经典程序题
2015/11/29 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
Python用Pillow(PIL)进行简单的图像操作方法
2017/07/07 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
numpy 矩阵形状调整:拉伸、变成一位数组的实例
2020/06/18 Python
实习老师个人总结的自我评价
2013/09/28 职场文书
干部行政关系介绍信
2014/01/17 职场文书
公司节能减排倡议书
2014/05/14 职场文书
学生干部培训方案
2014/06/12 职场文书
铣工实训报告
2014/11/05 职场文书
党员年终个人总结
2015/02/14 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
工作表现证明
2015/06/15 职场文书
Java字符串逆序方法详情
2022/03/21 Java/Android