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、防抖与节流
防抖:
前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发只会执行一次
节流:
在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发
本文详细介绍如何使用vue-cli创建项目并进行配置优化,包括关闭eslint校验、搭建路由及非路由组件、首页组件拆分、axios封装与进度条使用、vuex管理状态、实现防抖和节流效果、运用mock插件以及实现轮播图等功能。



1196

被折叠的 条评论
为什么被折叠?



