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 相关文章推荐
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
几种响应式文字详解
May 19 Javascript
JS实现unicode和UTF-8之间的互相转换互转
Jul 05 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
微信小程序中this.data与this.setData的区别详解
Sep 17 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
vue判断按钮是否可以点击
Apr 09 Vue.js
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二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
php命令行写shell实例详解
2018/07/19 PHP
js对象关系图 方便dom操作
2012/03/18 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
JS的千分位算法实现思路
2013/07/31 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
2018/11/11 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
浅析python打包工具distutils、setuptools
2018/04/20 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
Django 构建模板form表单的两种方法
2020/06/14 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
奥地利票务门户网站:oeticket.com
2019/12/31 全球购物
物流专业自荐信
2014/05/23 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python