未验证 提交 bc71699b 编写于 作者: W wanganxp 提交者: GitHub

Update pages.md

上级 313e19c9
......@@ -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
<template>
<view class="container">
<uni-list>
<uni-list-item title="第一行"></uni-list-item>
<uni-list-item title="第二行"></uni-list-item>
</uni-list>
</view>
</template>
<script>
// 这里不用import引入,也不需要在components内注册uni-list组件。template里就可以直接用
export default {
data() {
return {
}
}
}
</script>
```
`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": {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册