具名插槽slot与v-solt插槽
使用插槽分成两步。
第一步 在组件元素内。为其它元素设置插槽名称。
通过slot属性设置。
第二步 在组件模板中，通过slot组件，使用这些元素。
通过name属性指令插槽名称
如果没有设置name属性，默认会使用剩余的元素。
使用插槽的时候，默认会引入slot属性所在的元素，
不想引入该元素，我们可以使用template模板元素。
使用template模板元素的时候，在新版本中，建议用v-slot指令代替slot属性
此时为插槽定义名称的语法是冒号语法。
v-slot:名称
注意：该指令不能给普通元素使用，如div，h1，span等。
只能给组件和template元素使用。
parent
header
body
footer
home component
插槽作用域
作用域是指：在插槽中使用的数据存储在哪里。
默认在插槽中，使用的数据是父组件中的数据（插槽使用的元素，是在父组件模板中定义的）。
在插槽元素中，使用子组件中的数据分成两步。
第一步 为slot组件，传递子组件的数据
动态传递数据，使用v-bind指令
第二步 为v-slot指令赋值，定义接收数据的命名空间（作用域名称）
接收的数据，驼峰式命名
此时在元素中，通过该命名空间，可以使用传递的数据，
v-slot指令语法糖是#。
parent
header -- {
{msg}}
{
{childScope}}
{
{childScope.color}}--{
{childScope.childMsg}}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/216592.html原文链接：https://javaforall.net
