vue（9）----组件（2）slot插槽动画过渡动态组件

最新推荐文章于 2023-09-20 15:04:11 发布

置顶

王二狗吖

最新推荐文章于 2023-09-20 15:04:11 发布

阅读量439

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/qq_41885672/article/details/90646934

版权

slot插槽

作用：可以让我们在组件中书写内容

单个slot

<body>
 <div id="app">
   <Hello>
     <header>  头部  </header>
     <section> 内容 </section>
     <footer> 底部 </footer>
   </Hello>
 </div>
 <template id="hello">
   <div>
     hello  
     <!--插槽-->
     <slot></slot>
   </div>
 </template>
</body>

Vue.component( 'Hello', {
   
   template: '#hello'
 })
 new Vue({

最低0.47元/天解锁文章

优惠劵

王二狗吖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue（9）----组件（2）slot插槽动画过渡动态组件

slot插槽作用：可以让我们在组件中书写内容单个slot<body> <div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </fo...
复制链接

扫一扫