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

你可能感兴趣的:(Vue,vue.js,前端,javascript)