提交 253cb9b7 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

docs: vue & uvue component priority

上级 579c17fa
......@@ -969,12 +969,13 @@ h5 平台下拉刷新动画,只有 circle 类型。
```
**说明**
- `easycom`方式引入的组件无需在页面内`import`,也不需要在`components`内声明,即可在任意页面使用
- `easycom`方式引入组件不是全局引入,而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件
- 在组件名完全一致的情况下,`easycom`引入的优先级低于手动引入(区分连字符形式与驼峰形式)
- `easycom`方式引入的组件无需在页面内`import`,也不需要在`components`内声明,即可在任意页面使用
- `easycom`方式引入组件不是全局引入,而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件
- 在组件名完全一致的情况下,`easycom`引入的优先级低于手动引入(区分连字符形式与驼峰形式)
- 考虑到编译速度,直接在`pages.json`内修改`easycom`不会触发重新编译,需要改动页面内容触发。
- `easycom`只处理vue组件,不处理小程序专用组件(如微信的wxml格式组件)。不处理后缀为.nvue的组件。因为nvue页面引入的组件也是.vue组件。可以参考uni ui,使用vue后缀,同时兼容nvue页面。
- `nvue`页面里引用`.vue`后缀的组件,会按照nvue方式使用原生渲染,其中不支持的css会被忽略掉。这种情况同样支持`easycom`
- `nvue`页面里引用`.vue`后缀的组件,会按照nvue方式使用原生渲染,其中不支持的css会被忽略掉。这种情况同样支持`easycom`
- `vue``uvue` 组件优先级,[详见](https://zh.uniapp.dcloud.io/component/#priority)
## tabBar
......
......@@ -429,6 +429,16 @@ datacom组件是一种数据驱动的、可云端一体的组件。
详见: [uni-ui介绍](/component/uniui/uni-ui.md)
### vue 与 uvue 组件优先级 @priority
组件开发过程中,存在未明确指定组件后缀名的情况,例如:
1. 使用 [easycom](https://uniapp.dcloud.net.cn/collocation/pages.html#easycom) 时。
2.`import` 语句中未指定后缀名时,例如: `import PageHead from '@/components/page-head';`
此时 `vue` 组件和 `uvue` 组件的优先级如下:
-`uni-app x` 中,优先使用 `uvue` 组件,如果不存在 `uvue` 组件,则使用 `vue` 组件。
-`uni-app` 中,只支持使用 `vue` 组件。
**更多组件**
除了基础组件、uni-ui,插件市场还有更多扩展组件、模板,包括前端组件和原生扩展组件,具体见[插件市场](https://ext.dcloud.net.cn/)
......
......@@ -42,6 +42,7 @@
* [video](component/video.md)
* [web-view](component/web-view.md)
* [animation-view](component/animation-view.md)
* [vue 与 uvue 组件优先级](/component/README.md#priority)
* API
* 全局
* [getApp](api/getApp.md)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册