本文详细介绍如何使用vue-cli创建项目并进行配置优化，包括关闭eslint校验、搭建路由及非路由组件、首页组件拆分、axios封装与进度条使用、vuex管理状态、实现防抖和节流效果、运用mock插件以及实现轮播图等功能。
1、创建vue-cli项目
vue create demo
2、浏览器自启动
3、eslint校验功能关闭
在根目录下创建vue.config.js文件，并在其中添加以下代码
4、路由分析
路由组件：Home首页路由组件、Search路由组件、login登录路由、register注册路由
非路由组件：Header（所有页面都有）、Footer(首页、搜索页)
5、非路由组件搭建
6、路由组件搭建
pages用来存放所有的路由组件
router里的index.js用来配置路由
7、Home首页组件拆分
8、axios二次封装与 nprogress进度条 的使用
9、vuex基本使用（集中式管理数据）
10、防抖与节流
防抖:
前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发只会执行一次
节流:
在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发
扫一扫
1106
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
