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

最新推荐文章于 2023-08-22 09:36:34 发布

置顶

王二狗吖

最新推荐文章于 2023-08-22 09:36:34 发布

阅读量448

点赞数

分类专栏： vue.js

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

版权

本文介绍了Vue中的组件高级特性，包括slot插槽用于在组件中插入内容，详细讲解了单个slot和具名slot的使用。接着探讨了Vue的transition组件，展示了如何通过CSS过渡、CSS动画库、JavaScript DOM操作和第三方动画库实现过渡和动画效果，并解释了transition组件的类名和钩子函数。最后，提到了动态组件的概念，它是通过is属性实现组件切换，以及结合keep-alive组件实现内容缓存，提高组件切换效率。

摘要由CSDN通过智能技术生成

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...
复制链接

扫一扫