视频课程介绍
本套课程共计 4 个阶段,共计 38 节课,分别从 “vue-cli 脚手架、vue-router、vuex、axios 服务器通信” 这四大块为大家详细讲解 vue 的相关知识体系。
视频教程从 vue 的入门开始,即 “响应式数据绑定、可组合的视图组件”,学习 MVVM 思想、指令、单项数据流,编写可复用可维护的组件,接着遵循渐进式开发方式、以脚手架工具搭建项目,用路由进行单页 WEB 应用开发,使用状态管理模式将数据统一、学习模块数据的获取,由单一工具到多工具糅合使用。再以第三方插件迅速搭建移动端项目,完成常见功能后沉淀下许多移动端组件、再由一个个组件的封装,开始步入自己的组件库之路……
全套视频目录:
第一章:vue-cli 脚手架
① 课程介绍
② vue-cli 安装和启动
③ 一级目录和文件介绍
④ webpack 基本配置说明
⑤ webpack 中热更新配置
⑥ 开发环境文件服务配置
第二章:vue-router 路由
① 什么是路由以及使用步骤
② hash 和 history 模式
③ router-link 各种配置项
④ 重定向和别名
⑤ 嵌套路由的使用
⑥ 命名视图
⑦ 滚动行为
⑧ 动态路径参数
⑨ 监控 $route 路由信息对象
⑩ query 字符串传参
⑪ 导航切换过渡动画 transition 使用
⑫ 动态设置 name 属性左右切换
⑬ 编程式导航
⑭ 全局钩子函数
⑮ 组件级钩子函数
⑯ 案例:功能分析
⑰ 案例:Vue 插件的编写
⑱ 案例:模拟登陆跳转
⑲ 案例:面包屑导航设置
⑳ 利用 webpack 实现懒加载
第三章:Vuex 状态管理模式
① 兄弟组件共享数据的问题
② 使用和定义 Vuex
③ 实例分析 Vuex 流程
④ action 异步操作和 getter 计算...
⑤ 辅助函数 mapStaet、mapAct...
⑥ 仿 select 使用 vuex
⑦ 划分模块 module
第四章:axios服务器通信
① axios 介绍和使用 mock 数据
② 转换请求数据配置
③ 取消请求配置
④ ***和配合 vuex 使用