在uni-app 项目中用 import 方式引入 Vant Weapp 组件, 省去页面配置

背景

开发一个新项目, 用到uni-app , 一开始想用 uni ui, 可是文档不方便,而且很多组件也没有.
因为不需要太多端, 所以使用 vant-weapp ui框架 可支持微信小程序等.

问题

使用第三方组件

我把 vant 下载到 src目录下 wxcomponents 文件夹
image.png
src/wxcomponents/vant

在页面中使用这些组件, 网上看的方法都是 (可能我没找到) 要在 页面json里面配置然后才能在页面中使用. 觉得这样超级麻烦啊, 页面跳来跳去的...
image.png

办法

既然 uni 中高度接近vue, 其他组件可以使用 import 方式, 那应该引用小程序组件也可以吧
然后试了一下
image.png
uni 自动帮我们生成到配置json去了.

结尾

故事很短, 文笔粗糙, 多多见谅.
如果小伙伴们有更好的方式, 我定洗耳恭听.

你可能感兴趣的:(前端,vue.js,uni-app,vant-weapp,微信小程序)