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, 索取优惠价哦