首先看一下项目结构:
运行后发现网页上并没有显示“登录组件”,打开调试工具发现控制台报错:vue-router.esm.js?8c4f:16 [vue-router] Non-nested routes must include a leading slash character. Fix the following routes:
./login
这个错误是说(网上搜的),非嵌套路由必须包含前导斜杠字符。
仔细检查一下代码,发现多写了一个“.”
改正以后应该没什么问题了吧,然鹅事情并没有那么简单,又出现了新的错误:
TypeError: Cannot read property ‘$createElement’ of undefined
再仔细一查,发现这次是多写了一个字母,,,
改正之后就可以正常显示啦~
大家写代码一定要擦亮眼睛啊orz