Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CSDN 技术社区
skill_tree_vue
提交
e286b6f9
S
skill_tree_vue
项目概览
CSDN 技术社区
/
skill_tree_vue
通知
5
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
skill_tree_vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
e286b6f9
编写于
4月 14, 2022
作者:
Z
zhaoss
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2.1.4小节习题、关键字添加(中阶第一章完成)
上级
45235c0a
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
90 addition
and
23 deletion
+90
-23
data/2.Vue中阶/1.Vue组件/3.非父子组件通讯/exercises.json
data/2.Vue中阶/1.Vue组件/3.非父子组件通讯/exercises.json
+1
-1
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.json
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.json
+8
-0
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.md
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.md
+55
-0
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/config.json
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/config.json
+9
-2
data/2.Vue中阶/1.Vue组件/6.组件的递归/config.json
data/2.Vue中阶/1.Vue组件/6.组件的递归/config.json
+0
-9
data/tree.json
data/tree.json
+17
-11
未找到文件。
data/2.Vue中阶/1.Vue组件/3.非父子组件通讯/exercises.json
浏览文件 @
e286b6f9
{
{
"type"
:
"code_options"
,
"type"
:
"code_options"
,
"author"
:
null
,
"author"
:
"zhaoss"
,
"source"
:
"exercises.md"
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"notebook_enable"
:
false
,
"exercise_id"
:
"7063431fb2d345128fe6cc7882428db7"
"exercise_id"
:
"7063431fb2d345128fe6cc7882428db7"
...
...
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.json
0 → 100644
浏览文件 @
e286b6f9
{
"type"
:
"code_options"
,
"author"
:
null
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"exercise_id"
:
"a5ec63ab3fd842f782135b753b26486d"
}
\ No newline at end of file
data/2.Vue中阶/1.Vue组件/4.slot插槽/exercises.md
0 → 100644
浏览文件 @
e286b6f9
# 插槽
<div
style=
"color: pink;"
>
几何小常识:
</div>
<br>
下方的alert-box是一个组件,和 HTML 元素一样,我们经常需要向一个组件传递内容,像这样:
```
javascript
<
alert
-
box
>
Something
bad
happened
.
<
/alert-box>
```
可能会渲染出这样的东西:
<br>

幸好,Vue 自定义的
`<slot>`
元素让这变得非常简单:
```
javascript
Vue
.
component
(
'
alert-box
'
,
{
template
:
`
<div class="demo-alert-box">
<strong>Error!</strong>
<slot></slot>
</div>
`
})
```
如你所见,我们只要在需要的地方加入插槽就行了——就这么简单!
<br>
<div
style=
"color: pink;"
>
心凉小测试:
</div
>
下列关于插槽描述错误的是?
<br/><br/>
## 答案
Vue中使用插槽是为了解决解决组件美观问题。
## 选项
### A
插槽就是子组件中的提供给父组件使用的一个占位符
### B
父组件可以在插槽中添加 HTML、组件等填充信息。
### C
具名插槽通俗的讲其实就是给插槽取个名字。
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/config.json
浏览文件 @
e286b6f9
{
{
"node_id"
:
"vue-096f1049c7644db58c08c34f053a624f"
,
"node_id"
:
"vue-096f1049c7644db58c08c34f053a624f"
,
"keywords"
:
[],
"keywords"
:
[
"动态组件"
,
"异步组件"
],
"children"
:
[],
"children"
:
[],
"export"
:
[
"export"
:
[
"exercises.json"
"exercises.json"
],
],
"keywords_must"
:
[],
"keywords_must"
:
[
"Vue"
,
"组件"
],
"keywords_forbid"
:
[]
"keywords_forbid"
:
[]
}
}
\ No newline at end of file
data/2.Vue中阶/1.Vue组件/6.组件的递归/config.json
已删除
100644 → 0
浏览文件 @
45235c0a
{
"node_id"
:
"vue-0b06fbe067ef4f6d9b569839f99879de"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/tree.json
浏览文件 @
e286b6f9
...
@@ -403,18 +403,15 @@
...
@@ -403,18 +403,15 @@
{
{
"动态组件、异步组件"
:
{
"动态组件、异步组件"
:
{
"node_id"
:
"vue-096f1049c7644db58c08c34f053a624f"
,
"node_id"
:
"vue-096f1049c7644db58c08c34f053a624f"
,
"keywords"
:
[],
"keywords"
:
[
"children"
:
[],
"动态组件"
,
"keywords_must"
:
[],
"异步组件"
"keywords_forbid"
:
[]
],
}
},
{
"组件的递归"
:
{
"node_id"
:
"vue-0b06fbe067ef4f6d9b569839f99879de"
,
"keywords"
:
[],
"children"
:
[],
"children"
:
[],
"keywords_must"
:
[],
"keywords_must"
:
[
"Vue"
,
"组件"
],
"keywords_forbid"
:
[]
"keywords_forbid"
:
[]
}
}
}
}
...
@@ -1171,6 +1168,15 @@
...
@@ -1171,6 +1168,15 @@
"keywords_must"
:
[],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
"keywords_forbid"
:
[]
}
}
},
{
"组件的递归"
:
{
"node_id"
:
"vue-0b06fbe067ef4f6d9b569839f99879de"
,
"keywords"
:
[],
"children"
:
[],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
}
}
],
],
"keywords_must"
:
[],
"keywords_must"
:
[],
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录