Vue 3 slot
发布时间
阅读量：
阅读量
关于作用域
基于身份的插槽和显式命名的插槽仅限于访问用户的局部空间；此外，在这种情况下, 插槽数值本身也无法获取子组件的状态信息.在 Vue 模板语言中, 计算表达式仅受限于当时声明的作用域范围, 这一行为与其所在编程语言在声明时所遵循的作用域规则完全一致.
如果需要访问子组件中的作用域，则使用作用域插槽
默认插槽
一个小栗子，使用默认插槽展示父组件中的一个值
<template>
<div class="box">
<div>子组件中的展示父组件的插槽如下：</div>
<slot></slot>
</div>
</template>
<style scoped>
.box {
display: flex;
flex-direction: column;
margin: 15px;
padding: 10px;
background-color: antiquewhite;
}
</style> <template>全部评论 (0)
还没有任何评论哟~