From bc71699b4e29c8c285cb115f634ed44b58d642be Mon Sep 17 00:00:00 2001 From: wanganxp Date: Sun, 23 Feb 2020 04:23:04 +0800 Subject: [PATCH] Update pages.md --- docs/collocation/pages.md | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md index 199bc0ee..dcf9bd76 100644 --- a/docs/collocation/pages.md +++ b/docs/collocation/pages.md @@ -663,22 +663,45 @@ h5 平台下拉刷新动画，只有 circle 类型。 - A：参考[导航栏开发指南](http://ask.dcloud.net.cn/article/34921) # easycom -传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。`easycom`将其精简为一步。只要组件安装在项目的components目录下，并符合`components/组件名称/组件名称.vue`目录结构的组件。就可以不用引用、注册，直接在页面中使用。同时打包后会自动剔除没有使用的组件。 +> `HBuilderX 2.5.5`起支持`easycom`组件模式。 +传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。`easycom`将其精简为一步。 +只要组件安装在项目的components目录下，并符合`components/组件名称/组件名称.vue`目录结构。就可以不用引用、注册，直接在页面中使用。 +如下： +```html + + +``` -自`HBuilderX 2.5.5`起支持`easycom`组件模式。可以在HBuilderX新建项目界面选择`uni-ui`项目模板体验。只需在页面中敲u，拉出大量代码块，直接选择，即可使用。大幅提升开发效率，降低使用门槛。 +不管components目录下安装了多少组件，`easycom`打包后会自动剔除没有使用的组件，对组件库的使用尤为有好。 -在[uni-app插件市场](https://ext.dcloud.net.cn/)下载符合`components/组件名称/组件名称.vue`目录结构的组件后，也可以直接使用。 +组件库批量安装，随意使用，自动按需打包。以官方的`uni-ui`为例，在HBuilderX新建项目界面选择`uni-ui`项目模板，只需在页面中敲u，拉出大量组件代码块，直接选择，即可使用。大幅提升开发效率，降低使用门槛。 -uni ui组件是完全符合easycom规则的，在`HBuilderX 2.5.5`以上什么都不用配，可直接使用uni ui的组件。在`HBuilderX`中新建项目选择`uni ui项目`，可直接使用所有uni ui组件。 +在[uni-app插件市场](https://ext.dcloud.net.cn/)下载符合`components/组件名称/组件名称.vue`目录结构的组件，均可直接使用。 -`easycom`是自动开启的，不需要手动开启，有需求时可以在`pages.json`的`easycom`节点进行个性化设置，如关闭自动扫描，或自定义扫描匹配组件的策略。 +`easycom`是自动开启的，不需要手动开启，有需求时可以在`pages.json`的`easycom`节点进行个性化设置，如关闭自动扫描，或自定义扫描匹配组件的策略。设置参数如下： |属性 |类型 |默认值 |描述 | |:- |:- |:- |:- | |autoscan |Boolean|true |是否开启自动扫描，开启后将会自动扫描符合`components/组件名称/组件名称.vue`目录结构的组件 | |custom |Object |- |以正则方式自定义组件匹配规则。如果`autoscan`不能满足需求，可以使用`custom`自定义匹配规则 | -**如需自定义easycom，参考如下示例** +**自定义easycom配置的示例** ``` "easycom": { -- GitLab