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

、

從新啓動項目，問題就解決了。