1.1项目运行起来后让浏览器自动打开页面
在package.json文件中加入
1.2关闭eslint校验功能
在vue.config.js文件中加入
1.3src文件夹目录别名
在jsconfig.json文件中配置别名@提示
2.1路由组件与非路由组件的区别
1:路由组件一般放置在pages|views文件夹,非路由组件一般放置在components文件中
2.:路由组件一般需要在router文件夹中进行注册(使用的即为组件的名字),非路由组件在使用的时候,一般都是以标签的形式使用
$route:一般获取路由信息(路径|query|params等等)
$router:一般进行编程式导航进行跳转(push|replace)
2.2路由的跳转
有两种方式:
1:声明式导航router-link,可以进行路由的跳转
2:编程式导航push|replace,可以进行路由跳转还可以做一些其他的业务逻辑
路由的传参
params参数:属于路径当中的一部分,需要注意,在配置路由的时候,需要占位
query参数:不属于路径当中的一部分,不需要占位
如何指定params参数可传可不传
在配置路由的时候,在占位的后面加上一个问号
使用undifined解决params参数可传/不传
解决多次跳转当前路由报错NavigationDuplicated的警告错误
1:通过给push方法传递相应的成功、失败的回调函数,可以捕获当前错误 ,可以解决。(治标不治本)
2:重写push|replace
解决跨域问题
什么是跨域:协议、域名、端口号不同请求,称之为跨域
解决方式:JSONP、CROS、代理
代理:
在vue.config.js文件中添加
引入进度条
1.安装:npm i nprogress
2.在axios二次封装中引入
3.使用
防抖与节流
作用:解决卡顿
防抖:前面的所有触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续的快速触发,只会执行一次
节流:在规定的间隔时间范围内不会重复出发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发
区别:
防抖:用户操作很频繁,但只执行一次
节流:用户操作很频繁,只是把频繁的操作变为少量的操作