当前位置: 首页 > Web前端 > vue.js

Vue插槽和插槽范围示例

时间:2023-03-31 19:49:33 vue.js

注:以下示例均基于vue最新版本,最低版本要求2.6.01.一个命名组件helloworld的简单示例{{msg}}

Template模板官方说明:https://cn.vuejs.org/v2/api/#...2.作用域槽slot-scopeslot-scope是取出组件中的数据,渲染到模板中(实现子父组件通信),名字可以任意,也可以直接使用解构赋值名字:tom年龄:22槽作用域官方说明:https://cn.vuejs.org/v2/guide/components-slots.html#%E5%B8%A6%E6%9C%89-slot-attribute-%E7%9A%84%E5%85%B7%E5%90%8D%E6%8F%92%E6%A7%欢迎来到BD:http://fenxianglu.cn/