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

Question

第一次在 Vue2 上刺一下，我被路线卡住了。

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

[Vue warn]: Failed to mount component: template or render function not 
defined.
found in
---> <Anonymous>
<Root>

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

我什至查找了有关此主题的视频教程，它们似乎没有问题，但我确实有。 (视频链接：https://laracasts.com/series/learn-vue-2-step-by-step/episodes/26)

澄清一下，直到我<router-view></router-view>添加到index.html，错误才发生(行链接：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
});