vue-router里实现过渡效果

router-view的 v-slot

过渡效果

   <router-view
    name="user"
    v-slot="{ Component }"
>
      <transition name="slide">
        <component :is="Component" :singer="selectedSinger"/>
      </transition>
    </router-view>

提示

Component 是固定写法

name="slide" 这是过渡效果的cass名

提示

如果要指定渲染的路由，可以在router-view里加上name

例子中的name='user' 表明只能渲染user对应的组件