为什么这些样式一些就有反应了

首页课程实战体系课手记专栏慕课教程

为什么这些样式一些就有反应了

来源：1-9 Vue项目详情页 - 在项目中加入基础动画

慕雪9296518

2020-08-31 10:28:43

我的意思是说

.v-enter, .v-leave-to

opacity 0

.v-enter-active, .v-leave-active

transition opacity .5s

这个只设置了样式而已啊，而组件中连这些class都没有声明啊，怎么就有效果了，还有点击的部分我知道父组件中的元素是slot插槽的内容，但是它的点击部分怎么就和子组件的transition起了联系了呢

写回答

1回答

好帮手慕慕子

2020-08-31

已采纳

同学你好，对于你的问题解答如下：

v-enter、v-leave-to、v-enter-active、v-leave-active 这些是vue语法中默认的类名，用来设置过渡样式的，只要代码中使用到transition组件，那么默认会将这些类名添加到transition标签包裹的元素上。
当点击banner区域时，修改标识符showGallary的值为true，显示common-gallary组件，而common-gallary组件被fade-animation组件包裹着，对应的就是插槽slot，这样就与trainsiton组件联系起来了呀，具体可以参考下图：

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0 学习 · 10739 问题

相似问题

回答 2

回答 3

回答 1

回答 2