vue如何获取及修改store.js里的公共变量-创新互联

这篇文章将为大家详细讲解有关vue如何获取及修改store.js里的公共变量,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联-专业网站定制、快速模板网站建设、高性价比西秀网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式西秀网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖西秀地区。费用合理售后完善,十年实体公司更值得信赖。

vue是什么

Vue是一套用于构建用户界面的渐进式JavaScript框架,Vue与其它大型框架的区别是,使用Vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

html


 + 

js

data(){
 return{
  
 }
},
methods:{
  add(){
   this.$store.commit('add',1)
 }
},
computed:{
 num:function(){
  // 因为要做修改 num 的值 所以放在 计算属性里
  return this.$store.state.num
 }
}

store.js

 state: {
  num:0
 },
 mutations: {
  add(state,shuzi){
   // shuzi是js里传来的值 1
   state.num+shuzi
  }
 },

原理:

更改store中state状态的唯一方法就是提交mutation,就很类似事件。每个mutation都有一个字符串类型的事件类型和一个回调函数,我们需要改变state的值就要在回调函数中改变。我们要执行这个回调函数,那么我们需要执行一个相应的调用方法:store.commit。

关于“vue如何获取及修改store.js里的公共变量”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页名称:vue如何获取及修改store.js里的公共变量-创新互联
文章路径:http://bzwzjz.com/article/pcjps.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销网站建设 高端定制网站设计 成都网站建设 响应式网站设计 成都网站建设 网站建设推广 企业手机网站建设 重庆电商网站建设 成都响应式网站建设 重庆手机网站建设 成都商城网站建设 成都网站设计 四川成都网站设计 app网站建设 手机网站制作 网站建设费用 成都网站建设 手机网站制作设计 成都网站建设公司 营销型网站建设 重庆外贸网站建设 成都网站建设