From 76be7e080829d6dfcd16bc049130a5caea5dae86 Mon Sep 17 00:00:00 2001 From: wangyaqi Date: Fri, 10 Jan 2020 18:12:16 +0800 Subject: [PATCH] Update pages.md --- docs/collocation/pages.md | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md index 53f757b6b6..84284638da 100644 --- a/docs/collocation/pages.md +++ b/docs/collocation/pages.md @@ -662,19 +662,30 @@ h5 平台下拉刷新动画,只有 circle 类型。 # easycom 自`2.5.0`版本开始uni-app支持在`pages.json`内使用`easycom`以正则匹配的方式自动引入组件,可以在`HBuilderX 2.5.3`及以上版本新建`uni-ui`项目体验。 -**使用示例** +**使用示例** ``` -"easycom": { +"easycom": { + "autoscan": true, + "custom": { + "uni-(.*)": "@/components/uni-$1.vue" + } +} +``` + +``` +//2.5.5以下版本的用法 +"easycom": { "uni-(.*)": "@/components/uni-$1/uni-$1.vue" } ``` -**说明** +**说明** - `easycom`方式引入的组件无需在页面内`import`,也不需要在`components`内声明,即可在任意页面使用 - `easycom`方式引入组件不是全局引入,而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件 - 在组件名完全一致的情况下,`easycom`引入的优先级低于手动引入(区分连字符形式与驼峰形式) -- 考虑到编译速度,直接修改`easycom`不会触发重新编译,需要改动页面内容触发。 +- 考虑到编译速度,直接修改`easycom`不会触发重新编译,需要改动页面内容触发。 +- 自`HBuilderX 2.5.5`开始支持`autoscan`,配置为`true`则自动扫描符合`components/组件名称/组件名称.vue`目录结构的组件,不满足规范的,可以在custom中手动配置 # tabBar 如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。 -- GitLab