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 相关文章推荐
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
复制js对象方法(详解)
Jul 08 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
基于javascript实现碰撞检测
Mar 12 Javascript
jQuery实现tab栏切换效果
Dec 22 jQuery
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 socke 向指定页面提交数据
2008/07/23 PHP
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
部署PHP项目应该注意的几点事项分享
2013/12/20 PHP
PHP易混淆函数的区别及用法汇总
2014/11/22 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
jquery设置表单元素为不可用的简单代码
2016/07/04 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
Python 自动补全(vim)
2014/11/30 Python
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python使用asyncio包处理并发详解
2017/09/09 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
Django的性能优化实现解析
2019/07/30 Python
Python各种扩展名区别点整理
2020/02/27 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
Go使用协程交替打印字符
2021/04/29 Golang