黑马vue学习路线

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请求模块。如何实现上拉加载和下拉刷新功能