如何在vueify组件中使用vue资源v-链接？

Question

在vueify (与Laravel一起使用)组件中使用v-link="{ path: '/add' }"时，我会得到一个v-link can only be used inside a router-enabled app.或<router-view> can only be used inside a router-enabled app.错误。

这是我的main.js：http://laravel.io/bin/Kkj27

我的代码似乎与为示例提供的nestedRoutes非常相似，我不知道为什么不起作用。

Answer 1

这让我有点困惑(构建Vue.js单页应用程序的最佳实践)，但这基本上是我为使其工作所做的：

Vue.component('Todo', Todo);

把这整件事移走：

var TodoApp = new Vue({
    el: '#app',

    components: { Todo }
});

在此之后，我可以引用router.map函数中的router.map组件。

router.map({
    '/': {
        component: Todo,
        subRoutes: {

            '/bar': {
             ...
            },
            '/baz': {
                ...
            }
        }
    }
})