vue 学习路线
第一天:前端工程化与webpack
- 前端工程化的相关概念
- wabpack 的常见用法
- 打包发布
第二天:vue基础入门-part1
vue基本使用步骤
vue 中常用的指令
vue-devtools 调试工具
目标:完成vue 指令完成页面结构渲染,使用vue调试工具辅助vue开发
第三天:vue基础入门-part2
- 过滤器和侦听器
- 计算属性的用法
- axios的基本用法
- vue-cil 的安装和使用
目标:在实际开发中运用过滤器、侦听器、计算属性解决问题。用axios发起ajax请求,用vue-cil工具生成工程化的vue项目
第四天:组件与生命周期
- 组件的注册与使用
- 组件的props自定义属性
- 解决组件样式冲突
- 组件的生命周期
- 组件之间的通讯(数据共享)
目标:掌握.vue 单文件组件的基本用法,组件通讯的三种方式,组件生命周期的执行顺序和应用场景
第五天:ref&购物车案例
- 使用ref引用dom元素和组件实例
- ¥nextTick的基本使用
- 购物车案例
目标:能够使用ref获取页面上dom或组件的引用;指定¥nextTick的应用场景并合理的使用;通过购物车案例巩固前四天学的知识
第六天:vue组件的高级用法
- 动态组件的使用
- 插槽的使用(默认插槽、具名插槽、作用域插槽)
- 自定义指令
- ESLint的使用
目标:能够使用keep-alive 实现组件缓存;使用插槽提高组件复用性、了解ESLint语法规则
第七天:路由(vue-router)
- 路由的配置和基本使用
- 路由的重定向
- 嵌套路由、动态路由
- 编程式导航、路由导航守卫
目标:在项目中安装和配置路由,使用路由实现单页面应用程序的开发,使用导航守卫控制路由的访问权限
第八天:黑马头条(收尾案例)
- vant组件库
- 封装axios
- 上拉加载&下拉加载
- vant 主题定制
目标:vant组件库的基本使用,如何封装axios请求模块。如何实现上拉加载和下拉刷新功能