一直想體驗下vue開發(fā)小程序是什么感受产禾,有時間就趕緊上了咽袜,本篇不涉及nvue
及store
侠姑。
準備工作
開發(fā)工具:hbuilderX
+微信開發(fā)者工具
新建項目類型:uni-app ui
插件安裝:工具->插件安裝
問題集合
-
UI
組件有些屬性不生效
找到源碼發(fā)現(xiàn)這些屬性在我下載的項目里沒有配置篷就,ui
版本問題汹粤,更新下組件就好了
-
uni-table
的根節(jié)點只能是uni-tr
-
具體頁面修改
uni-ui
樣式不生效
需要在app.vue
里面引入樣式文件:
-
h5端跨域問題
在配置文件里配置下就好命斧。
小程序端不存在跨域問題,只要域名公網(wǎng)可訪問即可嘱兼。
運行到微信開發(fā)者工具報錯:
-
WXSS
文件編譯錯誤
main.wxss
里面的內(nèi)容還是scss
格式的国葬,沒有經(jīng)過編譯。查找發(fā)現(xiàn)app.vue
里面的style
標簽沒有聲明為scss
模式芹壕,見問題3 L15
汇四。
-
enable IDE Service
打開微信開發(fā)者工具:設(shè)置-->打開服務(wù)端口。
微信小程序的問題總結(jié)請參考:微信小程序遇到的一系列bug踢涌。
總結(jié)
上手挺容易通孽,很簡單,就是坑有點多睁壁,如果要多端兼容的話還是要花點心思的背苦。后續(xù)有需要再繼續(xù)體驗吧。