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 获取指定标签的对象及属性的设置与移除
May 29 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
javascript组合使用构造函数模式和原型模式实例
Jun 04 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
May 05 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
创建nuxt.js项目流程图解
Mar 13 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 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
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
javascript 模式设计之工厂模式学习心得
2010/04/27 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
js 中将多个逗号替换为一个逗号的代码
2014/06/07 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
vue系列之动态路由详解【原创】
2017/09/10 Javascript
vue1.0和vue2.0的watch监听事件写法详解
2018/09/11 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
nodejs使用socket5进行代理请求的实现
2020/02/21 NodeJs
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
介绍Python的@property装饰器的用法
2015/04/28 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
Python贪心算法实例小结
2018/04/22 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
Django缓存系统实现过程解析
2019/08/02 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
日语专业毕业生自荐信
2013/11/11 职场文书
日语专业求职信
2014/07/04 职场文书
员工离职感谢信
2015/01/22 职场文书
大明湖导游词
2015/02/03 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电