为什么使用slot
slot翻译为插槽:
在生活中很多地方都有插槽,电脑的USB插槽,插板中的电源插槽。
插槽的目的是让我们原来更多的设备具备更多的扩展性。
比如电脑的USB我们可以插入U盘、硬盘、手机、音响、键盘、鼠标等等。
组件的插槽:
组件的插槽也是为了让我们封装的组件更加具有扩展性。
让使用者可以决定组件内部的一些内容到底展示什么。
如:移动网站中的导航栏。
移动开发中,几乎每个页面都有导航栏。
导航栏我们必然会封装成一个插件,比如nav-bar组件。
一旦有了这个组件,我们就可以在多个页面中复用了。
父子组件的访问方式(是通过对象直接访问): $children
有时间我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。
父组件访问子组件:使用$children或$refs
子组件访问父组件:使用$parent
我们先来看下$children的访问
This.$children是一个数组类型,它包含所有子组件对下。
我们这里通过一个遍历,取出所有子组件的message状态。