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

【问题标题】：How do I use vue-resource v-links inside a vueify component?如何在 vueify 组件中使用 vue-resource v-links？
【发布时间】：2016-04-07 13:30:41
【问题描述】：

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

【问题讨论】：

标签： laravel vue.js

【解决方案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': {
                ...
            }
        }
    }
})

【讨论】：