Добавить реквизит и переход, когда компонент представляет собой вид фрагмента

Question

Я пытаюсь сделать приложение с vue.js и расширение ви-маршрутизатор, так что в моей главной странице HTML у меня есть:

<router-view v-transition="test" transition-mode="out-in"></router-view> 

Но тогда Я получил ошибку

Attribute v-transition is ignored on component router-view because the component is a fragment instance. 

Для компонента я использую vueify и выглядеть:

<template> 
    <nav> 
     <div class="blabla"> 
      blabla 
     </div> 
    </nav> 
    <div> 
     second div 
    </div> 
</template> 

<script> 
    module.exports = { 
     data: function() { 
      return {} 
     } 
    } 
</script> 

вы знаете, как я мог бы добавить transi и поддержка моего компонента с помощью vue-router?

Answer 1

Я не знал, что компоненты должны быть уникальными. Поэтому я завернул его в уникальный div, и он работает.

<template> 
    <div> <!-- this is important --> 
     <nav> 
      <div class="blabla"> 
       blabla 
      </div> 
     </nav> 
     <div> 
      second div 
     </div> 
    </div> 
</template> 

И v-переход изменения для transition в вю 1.0.