提交 0bd9482d 编写于 作者: 雪洛's avatar 雪洛

Update pages.md

上级 d7516a95
......@@ -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 切换时显示的对应页。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册