vue项目经验

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.使用

防抖与节流

作用：解决卡顿

防抖：前面的所有触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续的快速触发，只会执行一次

节流：在规定的间隔时间范围内不会重复出发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发

区别：

防抖：用户操作很频繁，但只执行一次

节流：用户操作很频繁，只是把频繁的操作变为少量的操作