对于作用域插槽,Vue对其做了更新.

//子组件中
<template id="cpn">;
  <div>
//msg为子组件data属性或者计算属性
  <slot name="first" :data="msg"></slot>;
 </div>
</template>

在父组件使用子组件时,只是换了一种渲染形式,却依旧想使用子组件本身属性时。

<div id="app">
//子组件注册为cpn
  <cpn>
    <template v-slot:first="val">
       <h1>{{val.data}}</h1>
    </template>
  </cpn>
</div>