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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。