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 相关文章推荐
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
微信小程序之选项卡的实现方法
Sep 29 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
Sep 17 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
php学习之运算符相关概念
2011/06/09 PHP
php curl_init函数用法
2014/01/31 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
Javascript & DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
可实现多表单提交的javascript函数
2007/08/01 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jquery 中的each()跳出循环的语句
2014/05/23 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
python中的二维列表实例详解
2018/06/19 Python
python读取各种文件数据方法解析
2018/12/29 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
中国最大的团购网站:聚划算
2016/09/21 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
党建目标管理责任书
2014/07/25 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript