uni-app 填坑

vue

• 不支持 CSS Modules

  • 使用 Scoped CSS

• 不支持部分复杂的 JavaScript 渲染表达式

  • 使用 computed

• 生命周期 onUnload 后不会重置 data,其他变量

  • 主动在生命周期 onUnload 后重置

• 不能使用 vue.install 注册全局组件

  • 使用 Vue.component 注册全局组件

• 所有页面的生命周期 created 会在小程序打开后立刻执行

  • 使用小程序生命周期 onLoad

• 不能使用 vue-router

  • 使用小程序路由

• 不能使用 Vue UI 库

  • 自己制作

• 不能使用 postcss

  • 使用 less/scss

• Vue.component 参数限制

  • 组件名必须传入字符串，不能是变量
  • 组件必须指向.vue 文件

• v-if 切换组件，只会触发 onLoad

• 不支持 v-show

• 不支持 transition

  • 额外变量记录状态，watch 监听，修改样式

• 模板渲染表达式可能不生效

  • 使用 computed

CSS

• 不支持引用本地资源
  • 使用 Base64 编码

HTML5

• 不支持数据存储
  • 使用小程序数据缓存

小程序

• 表单组件 disabled 生效慢

  • 额外再添加是否 disabled 的判断

• rich-text node 字符串性能影响严重

• 开发工具调试 onShareAppMessage 与手机上事件循环不同

• textarea 组件不能使用 css 动画

• 赋值 data 数值为原本数值，不会触发自带组件更新

uni

• node_modules 有问题

  • 不使用 npm 安装，手动下载引用

• 不支持环境变量

  • 使用配置文件

• js 里不能引入样式文件

  • 在 vue 文件 style 中导入

• 本地图片必须放置 /static 目录

HBuilderX

• 构建完后的小程序可能无法点击

  • 重启

• 微信开发工具 1.02.1810250 报错：runtimeAttr

  • 不在配置里填写 appid，，运行后开发工具里修改