vue中slot的使用

最新推荐文章于 2021-01-07 14:05:02 发布

Zhencode

最新推荐文章于 2021-01-07 14:05:02 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Zhencode/article/details/103041348

vue 专栏收录该内容

16 篇文章

订阅专栏

<slotname>
   <p slot="info">{{info.name}}</p>
   <p slot="age">{{info.age}}</p>
   <p slot="sex">{{info.sex}}</p>
 </slotname>
 <template id="temp">
  <div>
    <p>name:<slot name="info"></slot></p>
    <p>age:<slot name="age"></slot></p>
    <p>sex:<slot name="sex"></slot></p>
  </div>
</template>
-------------
const slotname={
    template:'#temp'
  }
  data:{
      info:{
        name:'sa',
        age:12,
        sex:'man'
      }  
    },
    components:{
      "slotname":slotname
    }