• 课程 / Vue.js

    Vue.js 2.0 从入门到实战

    【23期】PHP培训班,最后一天报名!

    立即报名
    介绍章节评论课件
    Vue.js是非常流行的一个前端开发框架,采用渐进式底层向上开发模式,使用了主流的MVVM设计框架。本课以Vue.js开发的核心理念与常用技术为背景,让您在最短的时间内理解并掌握Vue.js框架的核心知识,为进一步深造打下良好的基础。
  • 难度:初级
  • 共192章节
  • 15695次播放
  • 第1章 Vue.js介绍

    了解Vuejs课程介绍

    15:55

    理解Vuejs的认识和特点介绍

    24:00
    第2章 Vue.js初体验

    掌握vuejs安装方式

    11:07

    掌握HelloVuejs的初体验

    21:28

    掌握Vue列表的展示

    11:37

    掌握小案例 计数器

    16:19

    理解Vue的mvvm

    11:40

    理解Vue的options选项

    07:18
    第3章 Vue的生命周期

    理解什么是Vue的生命周期

    17:43

    理解Vue的生命周期函数有哪些

    了解定义vue的template

    第4章 掌握插值操作

    掌握插值操作 mustache语法

    掌握插值操作 其他指令使用

    第5章 掌握v bind使用

    掌握v bind的基本使用

    13:33

    掌握v bind动态绑定class对象语法

    13:09

    了解v bind动态绑定class数组语法

    07:38

    完成v bind和v for结合的作业布置

    05:29

    掌握v bind动态绑定style对象语法

    19:40

    了解v bind动态绑定style数组语法

    02:57
    第6章 掌握计算机属性和块级作用域

    掌握计算属性的基本使用

    10:12

    掌握计算属性的复杂操作

    08:31

    了解课堂回顾

    14:37

    理解计算属性setter和getter

    16:01

    掌握计算属性和methods的对比

    09:53

    掌握块级作用域 let和var

    37:53

    理解三种方案对比 ES5没有闭包 有闭包 ES6的let

    14:00
    第7章 基础语法使用

    掌握const的使用和注意点

    15:04

    掌握ES6对象字面量增强写法

    17:31

    掌握v on的参数传递问题

    17:55

    掌握v on的修饰符使用

    12:33

    掌握v if和v else if和v else的使用

    12:00

    掌握登录切换的小案例

    07:02

    理解登录切换的input复用问题

    12:12

    掌握v show的使用以及和v if的区别

    07:54

    掌握v for遍历数组和对象

    11:11

    理解v for 绑定和非绑定key的区别

    16:55

    掌握axios的拦截器的使用

    27:39
    第8章 购物车案例

    掌握数组中哪些方法是响应式的

    掌握作业的回顾和实现

    掌握购物车案例 界面搭建

    掌握购物车案例 过滤器的使用

    掌握购物车案例 改变购买数量

    掌握购物车案例 移除按钮 最终价格

    第9章 掌握v mode使用

    掌握JavaScript高阶函数的使用

    49:59

    掌握v model的使用和原理

    16:32

    掌握v model结合radio类型使用

    08:50

    掌握v model结合checkbox类型使用

    09:38

    掌握v model结合select类型使用

    07:19

    掌握input中的值绑定

    07:52

    掌握v model修饰符的使用

    10:19
    第10章 组件化及父子组件通信

    掌握组件化的实现和使用步骤

    15:58

    掌握组件化的基本使用过程

    掌握全局组件和局部组件

    掌握父组件和子组件的区分

    掌握注册组件的语法糖写法

    掌握组件模板抽离的写法

    理解为什么组件data必须是函数

    掌握父子组件通信 父传子props

    掌握父子组件通信 props驼峰标识

    掌握父子组件通信 子传父自定义事件

    了解项目演示

    了解知识回顾

    掌握父子组件通信 结合双向绑定案例

    掌握结合双向绑定案例 画图分析

    了解结合双向绑定案例 watch实现

    掌握父访问子 children refs

    理解子访问父 parent root

    第11章 知识点汇总

    掌握slot 插槽的基本使用

    掌握slot 具名插槽的使用

    理解编译作用域的概念

    理解前端代码复杂带来的问题

    16:00

    理解前端模块化雏形和CommonJS

    22:20

    掌握ES模块化的导入和导出

    第12章 webpack

    理解webpack的介绍和安装

    24:41

    掌握webpack的基本使用过程

    18:53

    掌握webpack config js配置和package json配置

    掌握webpack中使用css文件的配置

    掌握webpack less文件的处理

    掌握webpack 图片文件的处理

    掌握webpack ES6转ES5的babel

    掌握webpack 使用Vue的配置过程

    掌握创建Vue时template和el关系

    掌握webpack 横幅Plugin的使用

    掌握webpack HtmlWebpackPlugin的使用

    掌握webpack UglifyjsWebpackPlugin的使用

    掌握webpack dev server搭建本地服务器

    掌握webpack 配置文件的分离

    第13章 vuecli

    理解vuecli 脚手架的介绍和安装

    掌握vuecli CLI2初始化项目过程

    理解vuecli CLI2的目录结构解析

    了解知识回顾

    掌握安装CLI错误和ESLint规范

    理解runtime compiler和runtime only的区别

    掌握VueCLI3创建项目和目录结构

    掌握箭头函数的使用和this指向

    理解什么是路由和其中映射关系

    理解前端渲染后端渲染和前端路由后端路由

    掌握url的hash和HTML5的history

    第14章 掌握vue router

    掌握vue router 安装和配置方式

    掌握路由映射配置和呈现出来

    掌握路由的默认值和修改为history模式

    掌握router link的其他属性补充

    掌握通过代码跳转路由

    掌握vue router 动态路由的使用

    掌握vue router 打包文件的解析

    掌握vue router 路由懒加载的使用

    掌握vue router 路由的嵌套使用

    掌握vue router 参数传递一

    掌握vue router 参数传递二

    理解vue router router和route的由来

    掌握vue router 全局导航守卫

    理解vue router 导航守卫的补充

    掌握vue router keep alive及其他问题

    掌握vue router keep alive属性介绍

    第15章 掌握tabbar

    掌握tabbar 基本结构的搭建

    25:15

    掌握tabbar TabBar和TabBarItem组件封装

    掌握tabbar 给TabBarItem传入active图片

    掌握tabbar TabBarItem和路由结合效果

    掌握tabbar TabBarItem的颜色动态控制

    了解知识回顾

    掌握tabbar 文件路径的引用问题

    第16章 掌握Promise和vuex

    掌握Promise Promise的介绍和基本使用

    掌握Promise Promise的三种状态和另外处理方式

    掌握Promise Promise的链式调用

    掌握Promise Promise的all方法使用

    掌握vuex Vuex概念和作用解析

    掌握vuex 单界面到多界面状态管理切换

    掌握vuex devtools和mutations

    掌握vuex state单一状态树的理解

    掌握vuex getters的使用详解

    掌握vuex mutations的携带参数

    掌握vuex mutations的提交风格

    掌握vuex 数据的响应式原理

    掌握vuex mutations的类型常量

    掌握vuex actions的使用详解

    掌握vuex modules的使用详解

    掌握vuex store文件夹的目录组织

    第17章 掌握axios

    了解网络请求模块的选择 axios

    掌握axios框架的基本使用

    掌握axios发送并发请求

    掌握axios的配置信息相关

    掌握axios的实例和模块封装

    掌握axios的拦截器的使用

    第18章 实战项目开发-1

    掌握项目开发 项目创建和GitHub托管

    22:23

    掌握项目开发 css文件的引入

    11:14

    掌握项目开发 vue config和editorconfig

    10:55

    掌握项目开发 tabbar引入和项目模块划分

    15:32

    理解项目开发 小图标的修改以及路径问题

    05:10

    掌握首页开发 首页导航栏的封装和使用

    18:20

    掌握首页开发 请求首页的多个数据

    27:50

    掌握首页开发 轮播图的展示

    19:46

    掌握首页开发 推荐信息的展示

    11:19

    了解知识回顾

    10:01

    掌握首页开发 FeatureView的封装

    掌握首页开发 TabControl的封装

    掌握首页开发 保存商品的数据结构设计

    14:51

    掌握首页开发 首页数据的请求和保存

    掌握首页开发 首页商品数据的展示

    掌握首页开发 TabControl点击切换商品

    掌握Better Scroll的安装和使用

    掌握Better scroll的基本使用解析

    掌握Better Scroll在Vue项目中使用过程

    掌握首页开发 BScroll的封装以及使用

    第19章 实战项目开发-2

    掌握首页开发 BackTop组件的封装和使用

    22:54

    掌握首页开发 BackTop的显示和隐藏

    掌握首页开发 完成上拉加载更多

    掌握对昨天内容的回顾

    掌握首页开发 滚动区域的Bug分析和解决

    掌握refresh函数找不到的bug处理

    掌握刷新频繁的防抖函数处理

    30:42

    掌握上拉加载更多的完成

    掌握TabControl的吸顶效果完成

    34:58

    掌握Home离开时记录状态和位置

    掌握跳转到详情页并且携带iid

    掌握详情页 导航栏的封装

    掌握详情页 数据请求以及轮播图展示

    掌握详情页 商品基本信息的展示

    掌握详情页 店铺信息的解析和展示

    掌握详情页 加入滚动的效果Scroll

    掌握详情页 商品详情数据展示

    掌握详情页 商品参数信息的展示

    了解内容的回顾

    掌握详情页 从首页跳转详情页

    掌握详情页 首页位置的保持

    掌握详情页 详情页导航栏的实现

    理解Better Scroll的scrollto函数的Bug

    掌握详情页 根据iid详情页数据的请求

    14:59

    掌握详情页 顶部轮播图的展示

    掌握详情页 商品的基本信息展示

    掌握详情页 滚动问题处理和TabBar隐藏

    掌握详情页 详情页店铺信息展示

    掌握详情页 详情页商品图片信息展示

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    Vue.js是非常流行的一个前端开发框架,采用渐进式底层向上开发模式,使用了主流的MVVM设计框架。本课以Vue.js开发的核心理念与常用技术为背景,让您在最短的时间内理解并掌握Vue.js框架的核心知识,为进一步深造打下良好的基础。

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网