一直想体验下vue开发小程序是什么感受,有时间就赶紧上了,本篇不涉及nvue
及store
。
准备工作
开发工具:hbuilderX
+微信开发者工具
新建项目类型:uni-app ui
插件安装:工具->插件安装
问题集合
-
UI
组件有些属性不生效
找到源码发现这些属性在我下载的项目里没有配置,ui
版本问题,更新下组件就好了
-
uni-table
的根节点只能是uni-tr
-
具体页面修改
uni-ui
样式不生效
需要在app.vue
里面引入样式文件:
-
h5端跨域问题
在配置文件里配置下就好。
h5
小程序端不存在跨域问题,只要域名公网可访问即可。
运行到微信开发者工具报错:
-
WXSS
文件编译错误
main.wxss
里面的内容还是scss
格式的,没有经过编译。查找发现app.vue
里面的style
标签没有声明为scss
模式,见问题3 L15
。
-
enable IDE Service
打开微信开发者工具:设置-->打开服务端口。
服务端口
微信小程序的问题总结请参考:微信小程序遇到的一系列bug。
总结
上手挺容易,很简单,就是坑有点多,如果要多端兼容的话还是要花点心思的。后续有需要再继续体验吧。
网友评论