官网文档
uni-app 全局变量的几种实现形式:http://ask.dcloud.net.cn/arti...
uni-app反对混合开发。详见:https://uniapp.dcloud.io/hybrid
重点中央
次要应用计划三:原生开发的小程序仍保留,局部新性能应用uni-app开发。
新建uni-app我的项目
我的项目全局变量引入vuex
vue create -p dcloudio/uni-preset-vue my-project
- 装置vuex
npm i install vuex --save
- 页面引入vuex,和惯例vue我的项目统一
- 新建页面,page.json写门路
混合开发打包
npm run build:mp-weixin -- --subpackage=sub1
6.dist文件夹内找到打包后的sub1的文件夹
新建一个小程序
- 新建一个文件夹,放入刚刚sub1的文件夹的文件
- app.json写入subpackages,补充完sub1的页面门路
全局变量通信
uni-app我的项目是用的vuex,无奈应用微信小程序的全局变量
要在App.vue 里定义和小程序同样的变量名,就能够读取到主程序的全局变量
App.vue
index.vue
setText () { getApp().globalData.text++ this.text = getApp().globalData.text }
此处的getApp().globalData.text会读取到主程序的全局变量,进行操作
全局办法通信
uni-app我的项目调用微信小程序app.js 定义的办法
在小程序里
uni-app
useMainFun () { getApp().globalData.useMainFun() }
uni.app 的页面就能够调用小程序主包的办法了