vuex 进阶篇(1)取值

关于vuex的介绍我就不说什么了,没接触过的同学请直接移步vuex官网:vuex官网

本篇博客主要介绍vuex的取值,可能有的前端人还未用过vuex中的modules模块,这里也一并介绍,话不多说直接上代码

1.首先这是我的目录结构,index.js不必多过介绍,modules是分的模块,dict就是我用来存放字典的一个状态管理,我们需要在index.js中的modules中引用,否则无效;

index.js

vuex 进阶篇(1)取值_第1张图片

dict.js 

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

vuex 进阶篇(1)取值_第2张图片

2.取值,取值的方式一般有两种,两种并无多大差别,根据个人喜好吧



页面展示

vuex 进阶篇(1)取值_第3张图片

你可能感兴趣的:(web前端,vue)