一:The "XXXX" component has been registered but not used.eslintvue/no-unused-components
这种错误是你在注册了组件但是没有使用 语法检测时候就会报错,
有两种方式:
1:使用这个组件 如上图我所注释的那样,把注释打开就好了,或者说语法在检测时候提示你这个这个组件没有使用。意思是在components 注册组件一定要在文本中使用
2:在package.json 中 添加语法规则
二:路由元信息 mete 这样做是可以在某些模板中不需要显示某个组件时候使用
说明:如果没有特殊的后台值 尽量使用v-show。因为v-if 是无时无刻不再 监听DOM结构,这这样比较消耗内存
三:query/params 使用区别
在使用params 时候push 里面的参数要使用“name”, 而query 则可以使用path/nsme这个字段
四:Avoided redundant navigation to current location
报错显示路由重复,对功能没有影响
解决办法:
2:因为最新的vue-router 引入了promise 所以可以给push()中添加两个回调函数 push(name:'',params:{},() => {} ,()=>{})
五:路由传递参数 在路由跳转跳转时候可以带过来,但是在一次输入点击不发生变化
解决办法:
1:原因:当进入 实例生命周期完成后 再次进入跳转页面 实例已缓存,不会再去重新请求数据渲染一次
办法:
但是这这样做路径上会显示参数
图中这样做 是因为另一个问题,如果不加undefined 传递字符串为空的时候 路径不对