一直想体验下vue开发小程序是什么感受,有时间就赶紧上了,本篇不涉及nvue及store。
准备工作
开发工具:hbuilderX+微信开发者工具
新建项目类型:uni-app ui
插件安装:工具->插件安装
问题集合
-
UI组件有些属性不生效
找到源码发现这些属性在我下载的项目里没有配置,ui版本问题,更新下组件就好了
-
uni-table的根节点只能是uni-tr -
具体页面修改
uni-ui样式不生效
需要在app.vue里面引入样式文件:

-
h5端跨域问题
在配置文件里配置下就好。

小程序端不存在跨域问题,只要域名公网可访问即可。
运行到微信开发者工具报错:
-
WXSS文件编译错误

main.wxss里面的内容还是scss格式的,没有经过编译。查找发现app.vue里面的style标签没有声明为scss模式,见问题3 L15。
-
enable IDE Service

打开微信开发者工具:设置-->打开服务端口。

微信小程序的问题总结请参考:微信小程序遇到的一系列bug。
总结
上手挺容易,很简单,就是坑有点多,如果要多端兼容的话还是要花点心思的。后续有需要再继续体验吧。










