view-router踩坑:[Vue warn]: Failed to mount component: template or render function not defined.

最近在学习vue.js啦,学习使用前端路由vue-router的时候遇到了点小问题，webpack dev-server启动工程后，

前端路由出现了匹配的组件的不能挂载的问题：

之后我仔细检查了我的main.js，并阅读了vue-router的相关文档：

发现其实问题很简单，因为现在是多视图同时映射多个vue文件组件的模式了，故而将component改为components即可：

、

重新启动项目，问题就解决了。