学习vue-router遇到问题

使用vue-cli 2.0版本创建的项目，已经配置好vue-router，在浏览器中测试时却一直报错：尝试了无数种办法后，仍无解，最后才发现原来是在入口文件main.js中的vue实例中的router属性写错了，写成了routers。...

xuexixuexien

299人浏览 · 2020-07-22 19:20:45

xuexixuexien · 2020-07-22 19:20:45 发布

使用vue-cli 2.0版本创建的项目，
一。
已经配置好vue-router，在浏览器中测试时却一直报错：
在这里插入图片描述
尝试了无数种办法后，仍无解，最后才发现原来是在入口文件main.js中的vue实例中的router属性写错了，写成了routers。

二。
已经配置好了router的映射，但在浏览器中点击标签不起作用，找了很久才发现是在index文件中，new router对象后，在其中的属性写成了route,正确写法是rotues.

上边两个问题是一样的，代码中有一些固定语法规则在编写时是确定的。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^