uni-app使用easycom自动引入组件
uni-app使用easycom自动引入组件
零云
发布于 2023-07-24 21:15:23
发布于 2023-07-24 21:15:23
之前老版本写页面步骤需要两步，如果组件多会导致一堆import：
1、在 script 中引用组件
import uniBadge from "@/components/uni-badge/uni-badge.vue"
export default {
components: {uniBadge}
}2、在 template 中使用组件
<uni-badge text="1"></uni-badge>
<uni-badge text="2" type="purple" @click="bindClick"></uni-badge>
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>新版本写页面步骤只需要一步：
1、在 template 中使用组件
<uni-badge text="1"></uni-badge>
<uni-badge text="2" type="purple" @click="bindClick"></uni-badge>
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>注意需要在pages.json中增加如下配置，下图是uni-ui的规则，也可以自定义别的规则。
"easycom": {
"uni-(.*)": "@/components/uni-$1/uni-$1.vue"
}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-01-07 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读