Vue中使用路由。在切換的時(shí)候，由于頁(yè)面重新渲染，會(huì)先移除原來(lái)的路由，再顯示新路由，首次加載的時(shí)候，就會(huì)閃動(dòng)。

可以使用動(dòng)畫，設(shè)置淡入淡出。這樣就可以避免閃動(dòng)了。

Vue自帶一個(gè)動(dòng)畫組件

<Transition> 是一個(gè)內(nèi)置組件，無(wú)需注冊(cè)。它可以將進(jìn)入和離開動(dòng)畫應(yīng)用到通過(guò)默認(rèn)插槽傳遞給它的元素或組件上。進(jìn)入或離開可以由以下的條件之一觸發(fā)：

• 由?v-if?所觸發(fā)的切換
• 由?v-show?所觸發(fā)的切換
• 由特殊元素?<component>?切換的動(dòng)態(tài)組件
• 改變特殊的?key?屬性

要簡(jiǎn)單的話，就只需要設(shè)置key觸發(fā)。key設(shè)置為路由的完整路徑，這樣可以保證每個(gè)路由都不一樣

<transition :key="$route.fullPath">
  <router-view></router-view>
</transition>