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 }
});

在此之后，我可以参考Todo函数中的router.map组件。

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

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

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

1 个答案: