Vue项目搭建流程---面试必问（淦！）

1.引入AntDesign的Less文件时可能会遇到报错

解决方案：
1.如果使用的webpack那就在webpack的配置中找到less的配置，在选项中添加 javascriptEnabled: true
2.less版本太高3.0.+，后更改为2.7.2，再npm install 就OK了。
3.创建vue.config.js ,然后配置 module.exports,

2.组件按需引入

npm i -D babel-plugin-import 按需引入模块
在babel.config.js中 配置 module.exports = { }

3.使用Nprogress给用户友好提示

npm i nprogress

然后引入包以及css样式

后使用全局路由守卫处理

4. scrollBehavior 页面路由切换时 如果当前滚动的位置没有被keep-alive，页面路由跳转时可以清空滚动条

5.无权限创建403页面

例如：

6.Echars 使用 addListener,removeListener插件 from 'resize-detector’监听图标变化！！！

当我们 切换页面时 即 beforeDestory时 销毁实例，使用removeListener( this.chart(当前实例)，this.chart.resize() ) ; this.chart = null

大家可以使用vue-echarts 库小且全面

7.使用Mock模拟数据

开发中最常见的就是后端开发还未完成，这个时候前端无法掉接口请求数据，这个时候我们可以使用mock.js模拟一些假数据使用，方便我们提前感知比如分页，删除数据，编辑数据等功能是否存着bug。

具体使用参见mock.js官方文档

8.关于axios的二次封装

可以在catch中集中处理错误信息，小优化：在catch中return Promise.reject(error) ，这样写的好处是 当我们请求数据时不成功直接返回Promise.reject（）这样一个promise对象， 由于reject代表失败的promise对象，是不会走then的！resolve形成的promise对象是不走catch的！

9.在vue中使用jsx

配置babel插件

在axios中使用jsx