uni-app開發事項和性能優化點(微信小程序端)

一、
1、uni-app 1.8開始支持微信小程序自定義組件
2、
新版支持了更多 Vue 語法,詳細如下:

支持過濾器 filter
支持比較複雜的 JavaScript 渲染表達式
支持在 template 內使用 methods 中的函數
支持 v-html (同 rich-text 的解析)
支持 v-slot 新語法
支持解構插槽 Prop 設置默認值
支持 slot 後備內容
組件支持原生事件綁定,如:@tap.native
新版不支持的 vue 語法

class不支持綁定Obejct變量(使用字符串的形式綁定)
不支持事件修飾符:prevent、passive(在App與小程序平臺,使用stop修飾符,既可以阻止冒泡也能阻止默認行爲)
不支持render、inline-template、X-Templates、keep-alive、transition
不支持使用 Vue.use 的方式註冊全局組件(在main.js使用Vue.component的方式引入)
3、前綴 wx 替換爲 uni
4、開發環境和生產環境
if(process.env.NODE_ENV === 'development'){

console.log('開發環境')

}else{

console.log('生產環境')

}
5、儘量避免將靜態的樣式寫進 style 中
6、支持使用在 css 裏設置背景圖片
二、
1、模板中不建議直接使用 object(可以將object定義到data中)
2、在模板中未使用的數據不建議定義在data 中,未使用的數據一律移除到 vm 外邊定義
3、爲提升開發體驗,新版本增加了部分 Vue 語法,其實這些語法在微信小程序中本身是不支持的;爲支持這些語法,uni-app 會在編譯、運行時分別做一些額外的工作,若開發者希望追求性能極致,則建議儘量少用或者不用新增語法。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章