231321vue

本文介绍了组件插槽的概念,强调其在提升组件扩展性中的重要性。通过举例说明,如电脑的USB插槽和组件中的nav-bar组件,阐述了插槽如何使组件更具灵活性,允许使用者自定义组件内部内容。同时,提到了父子组件之间的访问方式,如$children和$refs,以便在不同层级间进行交互。

为什么使用slot

slot翻译为插槽:

在生活中很多地方都有插槽,电脑的USB插槽,插板中的电源插槽。

插槽的目的是让我们原来更多的设备具备更多的扩展性。

比如电脑的USB我们可以插入U盘、硬盘、手机、音响、键盘、鼠标等等。

组件的插槽:

组件的插槽也是为了让我们封装的组件更加具有扩展性。

让使用者可以决定组件内部的一些内容到底展示什么。

如:移动网站中的导航栏。

移动开发中,几乎每个页面都有导航栏。

导航栏我们必然会封装成一个插件,比如nav-bar组件。

一旦有了这个组件,我们就可以在多个页面中复用了。

父子组件的访问方式(是通过对象直接访问): $children

有时间我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。

父组件访问子组件:使用$children或$refs

子组件访问父组件:使用$parent

我们先来看下$children的访问

This.$children是一个数组类型,它包含所有子组件对下。

我们这里通过一个遍历,取出所有子组件的message状态。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值