如何製作Vue路由器頁面轉換

我可以在vueRouter中使用vue.js。我需要製作頁面轉換，但我無法做到。我怎樣才能實現這個代碼。如何製作Vue路由器頁面轉換

請幫助。

2016-11-10 Hasan

您是否收到任何錯誤？ – Saurabh

我不知道如何添加轉換代碼。我需要一個例子。 – Hasan

您是否在談論[在此]（https://vuejs.org/v2/guide/transitions.html）中描述的轉換？ – Saurabh

頁面轉換與正常轉換的工作方式相同，我可以看到您已將路由器視圖封裝在轉換中，還希望確保它處於out-in模式，因此第一頁在下一次淡入之前淡出：

<transition name="fade" mode="out-in"> 
    <router-view></router-view> 
</transition>

我們設置你需要以下CSS淡出過渡：

.fade-enter-active, .fade-leave-active { 
    transition: opacity .5s 
} 
.fade-enter, .fade-leave-active { 
    opacity: 0 
}

這只是一個設置你的看法路由器作爲正常的事情後。這裏的JSFiddle：

2016-11-10 11:34:18

vue.js：990 [Vue warn]：未知的自定義元素： - 您是否正確註冊了組件？對於遞歸組件，確保提供「名稱」選項。這是顯示我的控制檯。它不工作我的代碼:( – Hasan

你使用什麼版本的vue？ –

回答