Vue.js 2.0 从入门到实战

• Kapitel1 Einführung in Vue.js
• 1-1 了解Vuejs课程介绍
• 1-2 理解Vuejs的认识和特点介绍
• Kapitel2 Erste Erfahrungen mit Vue.js
• 2-1 掌握vuejs安装方式
• 2-2 掌握HelloVuejs的初体验
• 2-3 掌握Vue列表的展示
• 2-4 掌握小案例 计数器
• 2-5 理解Vue的mvvm
• 2-6 理解Vue的options选项
• Kapitel3 Vue-Lebenszyklus
• 3-1 理解什么是Vue的生命周期
• 3-2 理解Vue的生命周期函数有哪些
• 3-3 了解定义vue的template
• Kapitel4 Master-Interpolationsoperationen
• 4-1 掌握插值操作 mustache语法
• 4-2 掌握插值操作 其他指令使用
• Kapitel5 Beherrschen Sie die Verwendung von v bind
• 5-1 掌握v bind的基本使用
• 5-2 掌握v bind动态绑定class对象语法
• 5-3 了解v bind动态绑定class数组语法
• 5-4 完成v bind和v for结合的作业布置
• 5-5 掌握v bind动态绑定style对象语法
• 5-6 了解v bind动态绑定style数组语法
• Kapitel6 Hauptcomputereigenschaften und Scoping auf Blockebene
• 6-1 掌握计算属性的基本使用
• 6-2 掌握计算属性的复杂操作
• 6-3 了解课堂回顾
• 6-4 理解计算属性setter和getter
• 6-5 掌握计算属性和methods的对比
• 6-6 掌握块级作用域 let和var
• 6-7 理解三种方案对比 ES5没有闭包 有闭包 ES6的let
• Kapitel7 Grundlegende Verwendung der Grammatik
• 7-1 掌握const的使用和注意点
• 7-2 掌握ES6对象字面量增强写法
• 7-3 掌握v on的参数传递问题
• 7-4 掌握v on的修饰符使用
• 7-5 掌握v if和v else if和v else的使用
• 7-6 掌握登录切换的小案例
• 7-7 理解登录切换的input复用问题
• 7-8 掌握v show的使用以及和v if的区别
• 7-9 掌握v for遍历数组和对象
• 7-10 理解v for 绑定和非绑定key的区别
• 7-11 掌握axios的拦截器的使用
• Kapitel8 Einkaufswagenhülle
• 8-1 掌握数组中哪些方法是响应式的
• 8-2 掌握作业的回顾和实现
• 8-3 掌握购物车案例 界面搭建
• 8-4 掌握购物车案例 过滤器的使用
• 8-5 掌握购物车案例 改变购买数量
• 8-6 掌握购物车案例 移除按钮 最终价格
• Kapitel9 Beherrschen Sie die Verwendung des V-Modus
• 9-1 掌握JavaScript高阶函数的使用
• 9-2 掌握v model的使用和原理
• 9-3 掌握v model结合radio类型使用
• 9-4 掌握v model结合checkbox类型使用
• 9-5 掌握v model结合select类型使用
• 9-6 掌握input中的值绑定
• 9-7 掌握v model修饰符的使用
• Kapitel10 Komponentisierung und Eltern-Kind-Komponentenkommunikation
• 10-1 掌握组件化的实现和使用步骤
• 10-2 掌握组件化的基本使用过程
• 10-3 掌握全局组件和局部组件
• 10-4 掌握父组件和子组件的区分
• 10-5 掌握注册组件的语法糖写法
• 10-6 掌握组件模板抽离的写法
• 10-7 理解为什么组件data必须是函数
• 10-8 掌握父子组件通信 父传子props
• 10-9 掌握父子组件通信 props驼峰标识
• 10-10 掌握父子组件通信 子传父自定义事件
• 10-11 了解项目演示
• 10-12 了解知识回顾
• 10-13 掌握父子组件通信 结合双向绑定案例
• 10-14 掌握结合双向绑定案例 画图分析
• 10-15 了解结合双向绑定案例 watch实现
• 10-16 掌握父访问子 children refs
• 10-17 理解子访问父 parent root
• Kapitel11 Zusammenfassung der Wissenspunkte
• 11-1 掌握slot 插槽的基本使用
• 11-2 掌握slot 具名插槽的使用
• 11-3 理解编译作用域的概念
• 11-4 理解前端代码复杂带来的问题
• 11-5 理解前端模块化雏形和CommonJS
• 11-6 掌握ES模块化的导入和导出
• Kapitel12 Webpack
• 12-1 理解webpack的介绍和安装
• 12-2 掌握webpack的基本使用过程
• 12-3 掌握webpack config js配置和package json配置
• 12-4 掌握webpack中使用css文件的配置
• 12-5 掌握webpack less文件的处理
• 12-6 掌握webpack 图片文件的处理
• 12-7 掌握webpack ES6转ES5的babel
• 12-8 掌握webpack 使用Vue的配置过程
• 12-9 掌握创建Vue时template和el关系
• 12-10 掌握webpack 横幅Plugin的使用
• 12-11 掌握webpack HtmlWebpackPlugin的使用
• 12-12 掌握webpack UglifyjsWebpackPlugin的使用
• 12-13 掌握webpack dev server搭建本地服务器
• 12-14 掌握webpack 配置文件的分离
• Kapitel13 vuecli
• 13-1 理解vuecli 脚手架的介绍和安装
• 13-2 掌握vuecli CLI2初始化项目过程
• 13-3 理解vuecli CLI2的目录结构解析
• 13-4 了解知识回顾
• 13-5 掌握安装CLI错误和ESLint规范
• 13-6 理解runtime compiler和runtime only的区别
• 13-7 掌握VueCLI3创建项目和目录结构
• 13-8 掌握箭头函数的使用和this指向
• 13-9 理解什么是路由和其中映射关系
• 13-10 理解前端渲染后端渲染和前端路由后端路由
• 13-11 掌握url的hash和HTML5的history
• Kapitel14 Master-Vue-Router
• 14-1 掌握vue router 安装和配置方式
• 14-2 掌握路由映射配置和呈现出来
• 14-3 掌握路由的默认值和修改为history模式
• 14-4 掌握router link的其他属性补充
• 14-5 掌握通过代码跳转路由
• 14-6 掌握vue router 动态路由的使用
• 14-7 掌握vue router 打包文件的解析
• 14-8 掌握vue router 路由懒加载的使用
• 14-9 掌握vue router 路由的嵌套使用
• 14-10 掌握vue router 参数传递一
• 14-11 掌握vue router 参数传递二
• 14-12 理解vue router router和route的由来
• 14-13 掌握vue router 全局导航守卫
• 14-14 理解vue router 导航守卫的补充
• 14-15 掌握vue router keep alive及其他问题
• 14-16 掌握vue router keep alive属性介绍
• Kapitel15 Master-Tableiste
• 15-1 掌握tabbar 基本结构的搭建
• 15-2 掌握tabbar TabBar和TabBarItem组件封装
• 15-3 掌握tabbar 给TabBarItem传入active图片
• 15-4 掌握tabbar TabBarItem和路由结合效果
• 15-5 掌握tabbar TabBarItem的颜色动态控制
• 15-6 了解知识回顾
• 15-7 掌握tabbar 文件路径的引用问题
• Kapitel16 Meisterversprechen und Vuex
• 16-1 掌握Promise Promise的介绍和基本使用
• 16-2 掌握Promise Promise的三种状态和另外处理方式
• 16-3 掌握Promise Promise的链式调用
• 16-4 掌握Promise Promise的all方法使用
• 16-5 掌握vuex Vuex概念和作用解析
• 16-6 掌握vuex 单界面到多界面状态管理切换
• 16-7 掌握vuex devtools和mutations
• 16-8 掌握vuex state单一状态树的理解
• 16-9 掌握vuex getters的使用详解
• 16-10 掌握vuex mutations的携带参数
• 16-11 掌握vuex mutations的提交风格
• 16-12 掌握vuex 数据的响应式原理
• 16-13 掌握vuex mutations的类型常量
• 16-14 掌握vuex actions的使用详解
• 16-15 掌握vuex modules的使用详解
• 16-16 掌握vuex store文件夹的目录组织
• Kapitel17 Meisteraxios
• 17-1 了解网络请求模块的选择 axios
• 17-2 掌握axios框架的基本使用
• 17-3 掌握axios发送并发请求
• 17-4 掌握axios的配置信息相关
• 17-5 掌握axios的实例和模块封装
• 17-6 掌握axios的拦截器的使用
• Kapitel18 Praktische Projektentwicklung-1
• 18-1 掌握项目开发 项目创建和GitHub托管
• 18-2 掌握项目开发 css文件的引入
• 18-3 掌握项目开发 vue config和editorconfig
• 18-4 掌握项目开发 tabbar引入和项目模块划分
• 18-5 理解项目开发 小图标的修改以及路径问题
• 18-6 掌握首页开发 首页导航栏的封装和使用
• 18-7 掌握首页开发 请求首页的多个数据
• 18-8 掌握首页开发 轮播图的展示
• 18-9 掌握首页开发 推荐信息的展示
• 18-10 了解知识回顾
• 18-11 掌握首页开发 FeatureView的封装
• 18-12 掌握首页开发 TabControl的封装
• 18-13 掌握首页开发 保存商品的数据结构设计
• 18-14 掌握首页开发 首页数据的请求和保存
• 18-15 掌握首页开发 首页商品数据的展示
• 18-16 掌握首页开发 TabControl点击切换商品
• 18-17 掌握Better Scroll的安装和使用
• 18-18 掌握Better scroll的基本使用解析
• 18-19 掌握Better Scroll在Vue项目中使用过程
• 18-20 掌握首页开发 BScroll的封装以及使用
• Kapitel19 Praktische Projektentwicklung-2
• 19-1 掌握首页开发 BackTop组件的封装和使用
• 19-2 掌握首页开发 BackTop的显示和隐藏
• 19-3 掌握首页开发 完成上拉加载更多
• 19-4 掌握对昨天内容的回顾
• 19-5 掌握首页开发 滚动区域的Bug分析和解决
• 19-6 掌握refresh函数找不到的bug处理
• 19-7 掌握刷新频繁的防抖函数处理
• 19-8 掌握上拉加载更多的完成
• 19-9 掌握TabControl的吸顶效果完成
• 19-10 掌握Home离开时记录状态和位置
• 19-11 掌握跳转到详情页并且携带iid
• 19-12 掌握详情页 导航栏的封装
• 19-13 掌握详情页 数据请求以及轮播图展示
• 19-14 掌握详情页 商品基本信息的展示
• 19-15 掌握详情页 店铺信息的解析和展示
• 19-16 掌握详情页 加入滚动的效果Scroll
• 19-17 掌握详情页 商品详情数据展示
• 19-18 掌握详情页 商品参数信息的展示
• 19-19 了解内容的回顾
• 19-20 掌握详情页 从首页跳转详情页
• 19-21 掌握详情页 首页位置的保持
• 19-22 掌握详情页 详情页导航栏的实现
• 19-23 理解Better Scroll的scrollto函数的Bug
• 19-24 掌握详情页 根据iid详情页数据的请求
• 19-25 掌握详情页 顶部轮播图的展示
• 19-26 掌握详情页 商品的基本信息展示
• 19-27 掌握详情页 滚动问题处理和TabBar隐藏
• 19-28 掌握详情页 详情页店铺信息展示
• 19-29 掌握详情页 详情页商品图片信息展示