uniapp全局变量四种实现方式,uni-app全局变量

  uniapp全局变量四种实现方式,uni-app全局变量

  uniapp修改全局变量的方法:1、在普通页面获取全局变量,重新赋值;2、通过某视频剪辑软件的状态管理工具状态管理管理全局变量,代码为【let str=contObj.str 】.

  单一应用程序开发(仿饿了么)开发课程:进入学习

  本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

  推荐(免费):单应用程序开发教程

  uniapp修改全局变量的方法:

  一、引用公共common.js(1、可在页面中直接引入common.js 2,在主页。射流研究…中引用并挂载(这里是第二种))

  导出默认值{

  memberObj:{

  名称:初始姓名,

  },

  setMemberObj(data){

  this.memberObj=object。赋值({ },this。成员对象,数据)

  }

  }(1)、在全局主页。射流研究…中引用

  从“vue”导入某视频剪辑软件

  从导入应用程序 0.5/App

  从导入成员 common/common.js

  从导入存储。/商店

  Vue.config.productionTip=false

  Vue.prototype.$store=store

  Vue.prototype. $ member=member

  Vue.prototype. $ enName= ming

  App.mpType=app

  const app=new Vue({

  店,

  .应用

  })

  应用程序.$mount()在普通页面获取全局变量,重新赋值

  onShow:function(){

  //获取全局设置的变量

  this.memberData=this .$ member.memberObj

  控制台。日志(这个。会员数据);

  //输出值{姓名:初始姓名}

  },

  方法:{

  bindLogin() {

  让那个=这个;

  让obj={

  名称:爱尚,

  性:男

  }

  那个10.95美元会员。setmemberobj(obj);

  },

  }

  //再次在别的页面调用时内容已发生变化

  console.log(这个. member.memberObj)

  //{名称:爱尚,性:男}二、通过某视频剪辑软件的状态管理工具状态管理管理全局变量

  1、创建商店文件,store.js

  从“vue”导入某视频剪辑软件

  从" vuex "导入状态管理

  Vue.use(Vuex)

  const store=new Vuex .商店({

  状态:{

  成员数据:,

  初始名称:""

  },

  突变:{

  副本(状态,续){

  //单一的改变某一个变量

  console.log(状态)

  console.log(续)

  state.memberData=cont

  },

  变更(状态,控制对象){

  //通过传入的变量去改变对应的全局变量

  设str=contObj.str

  let cont=contObj.cont

  state[str]=cont;

  },

  },

  动作:{

  copeFun:function(context,mData){

  context.commit(copy ,mData)

  },

  改变乐趣:函数(上下文,对象){

  context.commit(change ,obj)

  }

  }

  })

  导出默认存储1,在主页。射流研究…中引入商店。射流研究…

  从“vue”导入某视频剪辑软件

  从导入应用程序 0.5/App

  从导入存储./store ;

  vue。配置。生产提示=假;

  Vue.prototype. $ store=store

  app。MP type= app

  const app=new Vue({

  店,

  .应用

  })

  应用程序.$mount()2,页面中获取需要使用的全局变量

  (1)、直接通过全局挂载的那种方式去获取(定义在计算属性中是为了方便实时的监听变量重新赋值)

  1、直接通过全局挂载的那种方式去获取

  计算值:{

  memberData:function(){

  归还这个100美元商店。状态。成员数据;

  },

  },(2)、通过页面中引入状态管理去获取

  从" vuex "导入{mapState,地图突变};

  计算值:{

  //正常写法

  .mapState({

  成员数据:状态=状态。成员数据,

  initName:state=state.initName,

  })

  //当变量名一致时(简写)

  //.mapState([initName , memberData])

  },3、重新赋值vuex中的全局变量

  方法:{

  //单一方法改变指定的变量

  变更成员:函数(){

  让记忆={

  名称:爱尚丽明,

  年龄:"28"

  }

  这个store.dispatch(copeFun ,mem)

  },

  //通过传入要改的变量名进行改变变量

  changeMemberPub:function(){

  let memberData={

  名称:爱尚,

  年龄:25岁

  }

  让$obj={}

  $ obj.cont=memberData

  $obj.str=memberData

  这个store.dispatch(changeFun ,$obj)

  }

  }相关免费学习推荐:php编程(视频)

  以上是uniapp如何修改全局变量的细节。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: