Vue.js компонент 2,0 начало от начала

Question

С vue.js 1.0 я начал мой маршрутизатор, как это:

router.start(App, 'app'); 

Но это больше не работает с vue.js 2.0. Согласно документации, я должен сделать это следующим образом:

const app = new Vue({ 
    router 
}).$mount('app'); 

Возможно ли это сделать по-старому? Потому что теперь я сделать это в моем laravel blade файле:

<div id="app"> 
    <router-view 
      transition 
      transition-mode="out-in"> 
    </router-view> 
</div> 

Но я хотел бы сделать это^внутри компонента.

Answer 1

вы можете обернуть элемент в компоненте с transition

образца из документации

<template> 
    <div id="demo"> 
    <button v-on:click="show = !show"> 
     Toggle 
    </button> 
    <transition name="fade"> 
     <p v-if="show">hello</p> 
    </transition> 
    </div> 
</template> 

<script> 
    new Vue({ 
    el: '#demo', 
    data: { 
     show: true 
    } 
    }) 
</script> 

<style> 
    .fade-enter-active, .fade-leave-active { 
    transition: opacity .5s 
    } 
    .fade-enter, .fade-leave-active { 
    opacity: 0 
    } 
</style> 

Docs: vuejs transitions