前端uni-app注意事項(三)

vue注意事項:

1、生命週期: 官方建議用 onReady 代替 mounted,用 onLoad 代替 created ,爲了通用性可讀性還是建議聽從官方這樣做

2、全局變量的實現方式:推薦Vuex  含5個屬性:State,Mutation,Getter,Action,Module :

3、Class 與 Style綁定:這個綁定語法和vue有些不同,本質是uni-app幫忙進行了轉義,但是uni-app官方的更好用,推薦看下,基本上配着使用三元運算符比較多

4、v-html不支持: 跨端非h5不支持v-html,所以這裏也不支持,但是有第三方解決方案,可以自行查找

5、全局組件:有時候可能需要用到全局都可能用到的組件,比如自定義的加數中,404頁面的包裹

6、常見問題技巧:onLoad獲得的是前一個頁面傳遞的參數,option獲取

7、HTML5+注意事項:

①  這裏要注意了,新手可能會忽路這也是很重要的一塊,在uni-app中是可以直接使用plus模塊的, 這樣可以拓展出很多h5的新功能。

②  注意plus模塊是給app端使用的,直接運行在瀏覽器可能會報plus找不到

③  uni-app不需要plus ready,如果你用了反而會不起作用

④ uni-app中的事件監聽——注意uni-app中是沒有document的,h5+ 項目中用document.addEventListener監聽,uni-app中用plus.globalEvent.addEventistener代替

 

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