From 0bd9482dc09c0a89c863cdf3cc55ea1ad04bf1b3 Mon Sep 17 00:00:00 2001 From: wangyaqi Date: Tue, 14 Jan 2020 20:29:19 +0800 Subject: [PATCH] Update pages.md --- docs/collocation/pages.md | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md index 6c5f822c5..525284eb9 100644 --- a/docs/collocation/pages.md +++ b/docs/collocation/pages.md @@ -82,7 +82,10 @@ } }, "easycom": { - "uni-(.*)": "@/components/uni-$1/uni-$1.vue" + "autoscan": true, //是否自动扫描组件 + "custom": {//自定义扫描规则 + "uni-(.*)": "@/components/uni-$1.vue" + } } } ``` @@ -660,7 +663,12 @@ h5 平台下拉刷新动画，只有 circle 类型。 - A：参考[导航栏开发指南](http://ask.dcloud.net.cn/article/34921) # easycom -自`2.5.0`版本开始uni-app支持在`pages.json`内使用`easycom`以正则匹配的方式自动引入组件，可以在`HBuilderX 2.5.3`及以上版本新建`uni-ui`项目体验。 +自`HBuilderX 2.5.0`起支持`easycom`组件模式，简化组件使用。无需在页面里引入和注册组件，打包时会自动剔除没有使用的组件。可以在`HBuilderX 2.5.3`及以上版本新建`uni-ui`项目体验。 + +|属性 |类型 |默认值 |描述 | +|:- |:- |:- |:- | +|autoscan |Boolean|true |是否开启自动扫描，开启后将会自动扫描符合`components/组件名称/组件名称.vue`目录结构的组件，`HBuilderX 2.5.5+` | +|custom |Object |- |以正则方式自定义组件匹配规则，`HBuilderX 2.5.5+` | **使用示例** @@ -671,7 +679,7 @@ h5 平台下拉刷新动画，只有 circle 类型。 "uni-(.*)": "@/components/uni-$1.vue" } } -``` +``` ``` //2.5.5以下版本的用法 @@ -684,9 +692,7 @@ h5 平台下拉刷新动画，只有 circle 类型。 - `easycom`方式引入的组件无需在页面内`import`，也不需要在`components`内声明，即可在任意页面使用 - `easycom`方式引入组件不是全局引入，而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件 - 在组件名完全一致的情况下，`easycom`引入的优先级低于手动引入（区分连字符形式与驼峰形式） -- 考虑到编译速度，直接修改`easycom`不会触发重新编译，需要改动页面内容触发。 -- 自`HBuilderX 2.5.5`开始支持`autoscan`，配置为`true`则自动扫描符合`components/组件名称/组件名称.vue`目录结构的组件，不满足规范的，可以在custom中手动配置 -- `autoscan`默认为开启状态，如需关闭请配置为`false` +- 考虑到编译速度，直接修改`easycom`不会触发重新编译，需要改动页面内容触发。 # tabBar 如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页。 -- GitLab