如何在 vueify 组件中使用 vue-resource v-links？

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 提供的 example 非常相似，我不确定为什么这不起作用。

Answer 1

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

Vue.component('Todo', Todo);

并删除整个内容：

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

    components: { Todo }
});

这之后我就可以在router.map函数中引用Todo组件了

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

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

如何在 vueify 组件中使用 vue-resource v-links？

How do I use vue-resource v-links inside a vueify component?

laravel

vue.js