uni-app实现全局属性和方法

uni-app实现全局属性和方法

刚接触编程的时候感觉代码写的越多越厉害(一脸天真~~~),现在是感觉代码越少越好,不用写代码更好哈哈哈~全局变量和全局方法是软件开发中常用的技术点!实现方式大致分为:

  • 1、vuex实现,值变动灵活
  • 2、建立js文件,页面内引用
  • 3、挂载vue实例后使用
  • 4、小程序中的globalData
  • 5、本地存储

这里简单讲解下uni-app中挂载到vue实例的全局属性和方法:

在Main.js中创建:

// 公共提示信息方法
const tipMsg = (title, icon, mask) => {
	icon = icon == undefined ? "none" : icon;
	mask = mask == undefined ? true : mask;
	uni.showToast({
		title: title,
		icon: icon,
		mask: mask,
		duration: 1500
	})
}

// 全局挂在

Vue.prototype.$uniApi={ tipMsg };

页面直接使用

this.$uniApi.tipMsg('保存成功')

就是这么简单!

你可以全局写过滤器《 uni-app中使用过滤器filter的两种方法 》,感觉写代码时间长了就是粘贴复制了。我就是一个工具人了!!!!!

 

课程推荐 :微信小程序和 Vue

1、 《 uni-app实战直播app全栈开发 》 百度网盘

2、《 Vue3 系统入门与项目实战 完整版 》百度网盘

3、《 微信小程序入门与实战(全新版)2020版 》 百度网盘

⚠️:当天下载多套可以找客服微信: ITBOKE, 索取优惠价哦

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(5) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小月博客-一个专注于分享的技术博客
没有账号? 忘记密码?