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 相关文章推荐
js 自定义个性下拉选择框示例
Aug 20 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
node.js中的querystring.unescape方法使用说明
Dec 10 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
JavaScript工具库MyTools详解
Jan 01 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 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初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
PHP把JPEG图片转换成Progressive JPEG的方法
2014/06/30 PHP
PDO防注入原理分析以及使用PDO的注意事项总结
2014/10/23 PHP
php中Snoopy类用法实例
2015/06/19 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
学习ExtJS 访问容器对象
2009/10/07 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
vue中SPA单页面应用程序详解
2017/11/07 Javascript
python学习之matplotlib绘制散点图实例
2017/12/09 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
python两种注释用法的示例
2020/10/09 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
迟到检讨书400字
2014/01/13 职场文书
雷锋的观后感
2015/06/10 职场文书
初中政治教学工作总结
2015/08/13 职场文书
《童年》读后感(三篇)
2019/08/27 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js