uniapp初学时建项目公共组件easycom组件规范定义

最新推荐文章于 2025-05-18 10:45:04 发布

原创最新推荐文章于 2025-05-18 10:45:04 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #uni-app #javascript

uniapp接坑解坑专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在uni-app中创建公共组件的规范，包括组件命名前缀的一致性，如使用'bd-'，以及通过pages.json配置easycom组件，特别是HBuilderX 2.5.5及以上版本对uview-ui的支持。遵循components/组件名称/组件名称.vue的目录结构，组件无需显式引用和注册即可直接在页面中使用。

1.首先新建公共组件前缀要保持一致。比如你公司是百度前缀可以使用bd- 在这里插入图片描述

2.找到pages.json文件使用easycom组件规范（HBuilderX 2.5.5起支持）绝对路径引入配置一下就好。下面是引入的uview-ui
在这里插入图片描述
3.只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。不用像传统vue组件import导入