uniapp+vue2 设置全局变量和全局方法 (兼容h5/微信小程序)

一,Vue.prototype.xxx

问题:js可以使用,但是微信小程序,在template 模板无法使用

二,globalData

问题同上,优点就是,.js文件也可以使用。但是微信小程序,在template 模板无法使用

三,使用vuex

问题同上,优点就是,.js文件也可以使用。但是微信小程序,在template 模板无法使用

注意以上三种写法都不支持{{ xxx }} 直接使用

四,使用mixin

优点:在vue文件中可以在, js 和 template

中直接使用。兼容微信小程序和h5。

其他平台未测试

所以 js 和 template兼容微信小程序和h5。 的方案推荐 mixin 来共享变量

相关推荐
ZC跨境爬虫8 小时前
模块化烹饪小程序开发日记 Day7:(菜谱详情接口开发与JSON数据读取全流程)
前端·javascript·css·ui·微信小程序·json
AI砖家9 小时前
微信小程序包体积优化与分包实战:从2M困境到优雅突破
微信小程序·小程序·notepad++·分包·小程序体积压缩
粉末的沉淀14 小时前
uniapp:带参数回到上一页
uni-app
华玥作者18 小时前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库
Crystal32818 小时前
App wgt 热更新 — 开发笔记(uniapp)
前端·uni-app·app
大阳光男孩19 小时前
【UniApp小程序开发】解决无法使用Vue自定义指令的完美替代方案:权限组件封装
前端·vue.js·uni-app
2501_9159184119 小时前
Linux 上生成 AppStoreInfo.plist,App Store 上架 iOS
android·ios·小程序·https·uni-app·iphone·webview
只要微微辣19 小时前
Uniapp 微信小程序 Canvas画框标注:拖拽缩放全攻略
前端·微信小程序·uni-app·canvas·canva可画
爱学习的程序媛19 小时前
微信小程序3D开发框架技术对比:XR-Frame与threejs-miniprogram
3d·微信小程序·小程序·前端框架
我命由我1234520 小时前
Dart - 数字类型、布尔类型、列表类型
android·开发语言·flutter·ios·uni-app·android jetpack·移动端