uni-app 第一个小程序之旅

一直想体验下vue开发小程序是什么感受,有时间就赶紧上了,本篇不涉及nvuestore

准备工作

开发工具:hbuilderX+微信开发者工具
新建项目类型:uni-app ui
插件安装:工具->插件安装

问题集合
  • UI组件有些属性不生效

找到源码发现这些属性在我下载的项目里没有配置,ui版本问题,更新下组件就好了

  • uni-table 的根节点只能是uni-tr
  • 具体页面修改uni-ui样式不生效

需要在app.vue里面引入样式文件:

uni-ui

  • h5端跨域问题

在配置文件里配置下就好。


h5

小程序端不存在跨域问题,只要域名公网可访问即可。

运行到微信开发者工具报错:
  • WXSS 文件编译错误

WXSS 文件编译错误

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

  • enable IDE Service
enable IDE Service

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


服务端口
微信小程序的问题总结请参考:微信小程序遇到的一系列bug
总结

上手挺容易,很简单,就是坑有点多,如果要多端兼容的话还是要花点心思的。后续有需要再继续体验吧。

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):