Vue.js 2.0 从入门到实战

• 第1章 Vue.js介绍
• 1-1了解Vuejs课程介绍
• 1-2理解Vuejs的认识和特点介绍
• 第2章 Vue.js初体验
• 2-1掌握vuejs安装方式
• 2-2掌握HelloVuejs的初体验
• 2-3掌握Vue列表的展示
• 2-4掌握小案例 计数器
• 2-5理解Vue的mvvm
• 2-6理解Vue的options选项
• 第3章 Vue的生命周期
• 3-1理解什么是Vue的生命周期
• 3-2理解Vue的生命周期函数有哪些
• 3-3了解定义vue的template
• 第4章 掌握插值操作
• 4-1掌握插值操作 mustache语法
• 4-2掌握插值操作 其他指令使用
• 第5章 掌握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数组语法
• 第6章 掌握计算机属性和块级作用域
• 6-1掌握计算属性的基本使用
• 6-2掌握计算属性的复杂操作
• 6-3了解课堂回顾
• 6-4理解计算属性setter和getter
• 6-5掌握计算属性和methods的对比
• 6-6掌握块级作用域 let和var
• 6-7理解三种方案对比 ES5没有闭包 有闭包 ES6的let
• 第7章 基础语法使用
• 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的拦截器的使用
• 第8章 购物车案例
• 8-1掌握数组中哪些方法是响应式的
• 8-2掌握作业的回顾和实现
• 8-3掌握购物车案例 界面搭建
• 8-4掌握购物车案例 过滤器的使用
• 8-5掌握购物车案例 改变购买数量
• 8-6掌握购物车案例 移除按钮 最终价格
• 第9章 掌握v mode使用
• 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修饰符的使用
• 第10章 组件化及父子组件通信
• 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
• 第11章 知识点汇总
• 11-1掌握slot 插槽的基本使用
• 11-2掌握slot 具名插槽的使用
• 11-3理解编译作用域的概念
• 11-4理解前端代码复杂带来的问题
• 11-5理解前端模块化雏形和CommonJS
• 11-6掌握ES模块化的导入和导出
• 第12章 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 配置文件的分离
• 第13章 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
• 第14章 掌握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属性介绍
• 第15章 掌握tabbar
• 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 文件路径的引用问题
• 第16章 掌握Promise和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文件夹的目录组织
• 第17章 掌握axios
• 17-1了解网络请求模块的选择 axios
• 17-2掌握axios框架的基本使用
• 17-3掌握axios发送并发请求
• 17-4掌握axios的配置信息相关
• 17-5掌握axios的实例和模块封装
• 17-6掌握axios的拦截器的使用
• 第18章 实战项目开发-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的封装以及使用
• 第19章 实战项目开发-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掌握详情页 详情页商品图片信息展示