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便可：

、

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