Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CoderSmallfan
uni-app
提交
e06fee6f
U
uni-app
项目概览
CoderSmallfan
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
e06fee6f
编写于
12月 30, 2020
作者:
A
anne-lxm
提交者:
GitHub
12月 30, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
details
上级
04a8bd23
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
5 addition
and
5 deletion
+5
-5
docs/vue-components.md
docs/vue-components.md
+5
-5
未找到文件。
docs/vue-components.md
浏览文件 @
e06fee6f
[
**观看本节视频讲解**
](
https://learning.dcloud.io/#/?vid=12
)
[
观看本节视频讲解
](
https://learning.dcloud.io/#/?vid=12
)
## 概念
...
...
@@ -85,7 +85,7 @@
-
Vue.component 的第一个参数必须是静态的字符串。
-
nvue 页面暂不支持全局组件。
1.
`main.js`
里进行全局导入和注册
1.
`main.js`
里进行全局导入和注册
```
js
import
Vue
from
'
vue
'
...
...
@@ -93,7 +93,7 @@
Vue
.
component
(
'
page-head
'
,
pageHead
)
```
2.
`index.vue`
里可直接使用组件
2.
`index.vue`
里可直接使用组件
```
html
...
...
@@ -115,7 +115,7 @@
如下通过两种方式导入一个角标的组件库,
[
详见
](
https://ext.dcloud.net.cn/plugin?id=21
)
,推荐使用
`easycom`
方式引入。
1.
**传统vue规范:**
在 index.vue 页面中,通过
`import`
方式引入组件 ,在
`components`
选项中定义你想要使用的组件。
1.
**传统vue规范:**
在 index.vue 页面中,通过
`import`
方式引入组件 ,在
`components`
选项中定义你想要使用的组件。
```
html
<!-- 在index.vue引入 uni-badge 组件-->
...
...
@@ -140,7 +140,7 @@
-
包含了这个组件选项的变量名(仅支持驼峰法命名)
2.
**通过uni-app的[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom):**
将组件引入精简为一步。只要组件安装在项目的
`components`
目录下,并符合
`components/组件名称/组件名称.vue`
目录结构。就可以不用引用、注册,直接在页面中使用。
2.
**通过uni-app的[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom):**
将组件引入精简为一步。只要组件安装在项目的
`components`
目录下,并符合
`components/组件名称/组件名称.vue`
目录结构。就可以不用引用、注册,直接在页面中使用。
```
html
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录