ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VUE环境下如何规范化使用vueX

2022-07-09 20:00:41  阅读:150  来源: 互联网

标签:VUE computed vueX mutations js 使用 规范化 vuex 属性


1.新建文件如图所示

 

 2.先看看store.js     ,引入vue以及vuex   模块化car.js 和user.js

 

 

2.再看看car.js 里面是怎么写的  ,通过导出模块expoort.default  且开启命名空间  ,里面有state    mutations  getters ....这些属性模板 (官网可以找到)

 

 3.通过上面,我们可以了解到vuex 已经准备完毕了,那么如何在其他的组件当中去使用  里面的state    mutations   getters   这些属性呢?.

3.1首先,我们组件要使用vueX里面的各种玩意,那么就需要调用vuex的时候引入vuex一些东西,使用mapState、 mapMutations、map Getters  这几个方法来调用对应是属性

 

 getter  这么用  是在computed里使用的

State 是数据,一般都是在computed使用的数据的

 

 

 

 

mutations 属性这么用 ,是再methods里使用的

 

标签:VUE,computed,vueX,mutations,js,使用,规范化,vuex,属性
来源: https://www.cnblogs.com/ruby888/p/16461749.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有