＆＃34;无法解决指令：转换＆＃34;尝试使用vue-router进行转换时

Question

我有一个vue应用程序，其中我使用了vue-router。

value

我有一个名为import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) let router = new VueRouter() // Components import App from './App.vue' import Mapper from './components/Mapper/mapper.vue' import ToDos from './components/Todos/ToDoApp.vue' import Punchlist from './components/Punchlist/punchlist.vue' // Transitions Vue.transition('slide',{ enterClass: 'slideInRight', leaveClass: 'slideOutRight' }) // Redirects router.redirect({ '*': 'punchlist' }) // Mappings router.map({ '/mapper': { component: Mapper }, '/todos': { component: ToDos }, '/punchlist': { component: Punchlist } }) router.start(App, '#app') 的特定过渡，我希望在路线之间导航时使用。在我的slide组件中，我向App添加了v-transition和transition-mode指令：

route-view

当我尝试运行它时，我收到控制台错误：

  

[Vue警告]：无法解析指令：transition（在component中找到）   

我一直在阅读文档并查看示例，但我无法弄清楚为什么它在尝试解决绑定时会出错。

有什么想法吗？

Answer 1

Transition是一个属性，而不是一个指令。否v-：

<router-view transition="slide">