uni-app开发事项和性能优化点(微信小程序端)

1、
一、uni-app 1.8开始支持微信小程序自定义组件
二、
新版支持了更多 Vue 语法,详细以下:css

支持过滤器 filter
支持比较复杂的 JavaScript 渲染表达式
支持在 template 内使用 methods 中的函数
支持 v-html (同 rich-text 的解析)
支持 v-slot 新语法
支持解构插槽 Prop 设置默认值
支持 slot 后备内容
组件支持原生事件绑定,如:@tap.native
新版不支持的 vue 语法html

class不支持绑定Obejct变量(使用字符串的形式绑定)
不支持事件修饰符:prevent、passive(在App与小程序平台,使用stop修饰符,既能够阻止冒泡也能阻止默认行为)
不支持render、inline-template、X-Templates、keep-alive、transition
不支持使用 Vue.use 的方式注册全局组件(在main.js使用Vue.component的方式引入)
三、前缀 wx 替换为 uni
四、开发环境和生产环境
if(process.env.NODE_ENV === 'development'){vue

console.log('开发环境')

}else{小程序

console.log('生产环境')

}
五、尽可能避免将静态的样式写进 style 中
六、支持使用在 css 里设置背景图片
2、
一、模板中不建议直接使用 object(能够将object定义到data中)
二、在模板中未使用的数据不建议定义在data 中,未使用的数据一概移除到 vm 外边定义
三、为提高开发体验,新版本增长了部分 Vue 语法,其实这些语法在微信小程序中自己是不支持的;为支持这些语法,uni-app 会在编译、运行时分别作一些额外的工做,若开发者但愿追求性能极致,则建议尽可能少用或者不用新增语法。微信小程序

相关文章
相关标签/搜索