> 注意:以下示例以最新版本vue为主,最低需要2.6.0版本
一、具名组件简单示例
<code>{{ msg }}
/<code>
template模板官方使用说明:https://cn.vuejs.org/v2/api/#template
二、作用域插槽slot-scope
> slot-scope就是把组件内的数据拿出来在模板里渲染(实现子父组件通信),名称可以为任意, 也可以直接使用解构赋值
<code> {{ msg }}
- 姓名:{{ v.name }} 年龄:{{ v.age }}
slot-scope官方使用说明: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