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的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
php生成WAP页面
2006/10/09 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
Vue中props的使用详解
2018/06/15 Javascript
nodejs微信开发之接入指南
2019/03/17 NodeJs
Python语言实现将图片转化为html页面
2017/12/06 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
Django 重写用户模型的实现
2019/07/29 Python
Python使用pymysql模块操作mysql增删改查实例分析
2019/12/19 Python
python 错误处理 assert详解
2020/04/20 Python
CSS3的常见transformation图形变化用法小结
2016/05/13 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
LN-CC美国:伦敦时尚生活的缩影
2019/02/19 全球购物
创建学习型党组织实施方案
2014/03/29 职场文书
食品销售计划书
2014/04/26 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
员工安全生产承诺书
2014/05/22 职场文书
高三生物教学反思
2016/02/22 职场文书
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang