1.vue的transition是一种动画过渡内置组件,标签内只能包含一个元素,
2.component是一种内置元素,类似于slot插槽,可以动态绑定组件(通过属性is渲染不同的组件)
例子
<transition>
<component :is="activeComponent">
</component>
</transition>
import zujian1 from './zujian1.vue'
export default{
data(){
activeComponent:'zujian1'//组件1
}
}
这样改变is属性对应的变量,就可以动画过渡到不同的组件
css样式
//vue2,进入动画,设置过渡样式
.v-enter-active{
transition:all 0.3s;
}