vue transition 失效问题

项目中使用transition的时候失效，查找了很久终于找出问题所在，原因是home组件根据路由路径判断显示内容还是<router-view>，导致在layout组件里使用transition失效（home是layout的子组件），在home里面的<router-view>处使用transition也失效。

错误代码：

home组件

修改为 去掉v-else那个div，当然上面的v-if也要去掉，把在home组件的<router-view>显示的组件路由提到layout的子路由里面

正确写法：