uniapp 开发小记

uniapp 开发小记

简单回顾下，如有纰漏后续更新。

建议vue-cli的脚手架模式，统一IDE为vscode降低切换成本。

建立脚手架：

npm i -g @vue/cli
vue create -p dcloudio/uni-preset-vue uni-template

npm run dev:platform
npm run build:platform

npm run serve

开发模式

基本是基于微信小程序的页面/应用的开发模式 + vue的组件模式

App.vue 随程序启动运行，掌管应用级的生命周期、样式，不参与组件渲染

pages.json下配置全局+页面级的配置

框架封装了常用的页面下拉、到底的生命周期、路由跳转等，打开的二级及以下的页面除了调用后退api均会保留，tabbar页面始终保留

通信

1. 组件通信
   1. vue的props/emit
2. 页面通信
   1. 跳转时单向传参
   2. 页面跳转时的 EventChannel，观察者模式的事件订阅机制
3. 全局通信
   1. uniapp的事件订阅。uni.$emit uni.$on

跨端兼容：

1、模式：

// #ifndef platform
// 平台专属代码
// #endif

2、识别关键词：