您现在的位置是:网站首页> 编程资料编程资料
vuex新手进阶篇之取值_vue.js_
2023-05-24
657人已围观
简介 vuex新手进阶篇之取值_vue.js_
前言
关于vuex的介绍我就不说什么了,没接触过的同学请直接移步vuex官网:vuex官网
本篇博客主要介绍vuex的取值,可能有的前端人还未用过vuex中的modules模块,这里也一并介绍,话不多说直接上代码
1.首先这是我的目录结构,index.js不必多过介绍,modules是分的模块,dict就是我用来存放字典的一个状态管理,我们需要在index.js中的modules中引用,否则无效;
index.js

dict.js
建议在modules下的文件下,加上namespaced:true,设置命名空间为true,主要为了解决不同模块命名冲突的问题

2.取值,取值的方式一般有两种,两种并无多大差别,根据个人喜好吧
------------------------------------------------------------------------------获取store index.js中的state{{ $store.state.userInfo.name + "-" + $store.state.userInfo.age }}{{ userInfo.name + "-" + userInfo.age }}获取store modules下的dict.js中的state{{ $store.state.dict.taskTypeDict }}{{ dict.taskTypeDict }}
页面展示

总结
到此这篇关于vuex新手进阶篇之取值的文章就介绍到这了,更多相关vuex取值内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- vue3 typescript封装axios过程示例_vue.js_
- vue3中echarts的tooltip组件不显示问题及解决_vue.js_
- uniapp微信小程序无法获取Vue.prototype值的解决方法_javascript技巧_
- uniapp实现全局变量的几种方式总结_javascript技巧_
- Vue的data为啥只能是函数原理详解_vue.js_
- vue scoped与深度选择器deep的原理分析_vue.js_
- vue3使用深度选择器修改样式问题_vue.js_
- vue3中keep-alive和vue-router的结合使用方式_vue.js_
- vue3使用echarts并封装echarts组件方式_vue.js_
- 关于移动端与大屏幕自适应适配方案_vue.js_
