Vue2：尝试使用 <router-view> 时查看路由器异常

Question

我第一次接触 Vue2 时遇到了路线问题。

基本上，当我将 <router-view></router-view> 添加到 index.html 时，我开始收到异常：

[Vue warn]: Failed to mount component: template or render function not 
defined.

found in

---> <Anonymous>
       <Root>

GitHub代码Link：https://github.com/kernelcurry/httpverbs-site/tree/c56ba0a45445f7d28c31cb6928471da3619a3327

我什至查阅了有关该主题的视频教程，他们似乎没有问题，但我有。（视频 Link：https://laracasts.com/series/learn-vue-2-step-by-step/episodes/26）

澄清一下，直到我将 <router-view></router-view> 添加到 index.html（第 Link 行：https://github.com/kernelcurry/httpverbs-site/blob/c56ba0a45445f7d28c31cb6928471da3619a3327/index.html#L10）

后才发生错误

我希望我能更深入地了解这里发生的事情，但我不知所措。感谢任何愿意查看代码并为我指明正确方向的人:)

Answer 1

按如下方式更改您的 src/routes.js：

import VueRouter from 'vue-router';
import Home from './views/home.vue'
import About from './views/about.vue'

let routes = [
    {
        path: '/',
        component: Home
    },
    {
        path: '/about',
        component: About
    }
];

export default new VueRouter({
    routes
});

Vue2：尝试使用 <router-view> 时查看路由器异常

Vue2: view-router exception when trying to use <router-view>

html

javascript

webpack

vue-router

vuejs2