欢迎光临散文网 会员登陆 & 注册

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

2023-07-13 14:13 作者:仙风道骨9999  | 我要投稿

组件通信:插槽slot:

默认: 步骤1:定义组件 通过<slot></slot>占位留一个口子/槽

步骤2:调用组件 留心:双标签中的内容 会自动填充到口子/槽 中

具名:步骤1:定义组件 通过<slot name="标识"></slot>占位留一个口子/槽

步骤2:调用组件 根据下述语法插入数据(留心1:如果标识不写则插入默认口子/槽 留心2:标识不能加引号

新:<template #标识>内容</template>

作用域:步骤1:定义组件 <slot name="标识" v-bind:任意名称="data模型中的键" ... ></slot> 传数据

步骤2:调用组件 通过下述语法就可以获取组件模型数据(留心:item是对象 键就是一个个任意数据

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础的评论 (共 条)

分享到微博请遵守国家法律