• 课程 / Vue.js

    Vue.js 2.0 从入门到实战

    介绍 章节 评论 课件
    Vue.js是非常流行的一个前端开发框架,采用渐进式底层向上开发模式,使用了主流的MVVM设计框架。本课以Vue.js开发的核心理念与常用技术为背景,让您在最短的时间内理解并掌握Vue.js框架的核心知识,为进一步深造打下良好的基础。
  • 难度:初级
  • 共192章节
  • 75506次播放
  • 第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的生命周期函数有哪些

    09分钟59秒

    了解定义vue的template

    10分钟16秒
    第4章 掌握插值操作

    掌握插值操作 mustache语法

    08分钟08秒

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

    21分钟54秒
    第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章 购物车案例

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

    30分钟15秒

    掌握作业的回顾和实现

    10分钟41秒

    掌握购物车案例 界面搭建

    13分钟17秒

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

    05分钟32秒

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

    08分钟43秒

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

    06分钟24秒
    第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秒

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

    11分钟31秒

    掌握全局组件和局部组件

    10分钟55秒

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

    12分钟37秒

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

    10分钟38秒

    掌握组件模板抽离的写法

    07分钟37秒

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

    28分钟57秒

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

    37分钟35秒

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

    10分钟28秒

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

    22分钟15秒

    了解项目演示

    11分钟32秒

    了解知识回顾

    16分钟56秒

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

    32分钟06秒

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

    12分钟46秒

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

    04分钟56秒

    掌握父访问子 children refs

    17分钟52秒

    理解子访问父 parent root

    10分钟56秒
    第11章 知识点汇总

    掌握slot 插槽的基本使用

    17分钟52秒

    掌握slot 具名插槽的使用

    07分钟12秒

    理解编译作用域的概念

    09分钟17秒

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

    16分钟00秒

    理解前端模块化雏形和CommonJS

    22分钟20秒

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

    32分钟24秒
    第12章 webpack

    理解webpack的介绍和安装

    24分钟41秒

    掌握webpack的基本使用过程

    18分钟53秒

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

    28分钟14秒

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

    24分钟11秒

    掌握webpack less文件的处理

    20分钟47秒

    掌握webpack 图片文件的处理

    38分钟34秒

    掌握webpack ES6转ES5的babel

    14分钟11秒

    掌握webpack 使用Vue的配置过程

    22分钟14秒

    掌握创建Vue时template和el关系

    09分钟15秒

    掌握webpack 横幅Plugin的使用

    12分钟53秒

    掌握webpack HtmlWebpackPlugin的使用

    12分钟33秒

    掌握webpack UglifyjsWebpackPlugin的使用

    06分钟13秒

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

    17分钟13秒

    掌握webpack 配置文件的分离

    16分钟50秒
    第13章 vuecli

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

    23分钟52秒

    掌握vuecli CLI2初始化项目过程

    25分钟37秒

    理解vuecli CLI2的目录结构解析

    40分钟14秒

    了解知识回顾

    10分钟15秒

    掌握安装CLI错误和ESLint规范

    29分钟34秒

    理解runtime compiler和runtime only的区别

    32分钟42秒

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

    42分钟07秒

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

    21分钟55秒

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

    17分钟53秒

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

    48分钟17秒

    掌握url的hash和HTML5的history

    23分钟03秒
    第14章 掌握vue router

    掌握vue router 安装和配置方式

    11分钟11秒

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

    12分钟48秒

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

    09分钟37秒

    掌握router link的其他属性补充

    09分钟40秒

    掌握通过代码跳转路由

    06分钟43秒

    掌握vue router 动态路由的使用

    26分钟39秒

    掌握vue router 打包文件的解析

    20分钟13秒

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

    13分钟54秒

    掌握vue router 路由的嵌套使用

    15分钟47秒

    掌握vue router 参数传递一

    23分钟31秒

    掌握vue router 参数传递二

    04分钟43秒

    理解vue router router和route的由来

    25分钟37秒

    掌握vue router 全局导航守卫

    16分钟45秒

    理解vue router 导航守卫的补充

    14分钟49秒

    掌握vue router keep alive及其他问题

    30分钟23秒

    掌握vue router keep alive属性介绍

    07分钟10秒
    第15章 掌握tabbar

    掌握tabbar 基本结构的搭建

    25分钟15秒

    掌握tabbar TabBar和TabBarItem组件封装

    24分钟38秒

    掌握tabbar 给TabBarItem传入active图片

    11分钟14秒

    掌握tabbar TabBarItem和路由结合效果

    15分钟43秒

    掌握tabbar TabBarItem的颜色动态控制

    15分钟11秒

    了解知识回顾

    12分钟01秒

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

    16分钟38秒
    第16章 掌握Promise和vuex

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

    40分钟44秒

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

    10分钟13秒

    掌握Promise Promise的链式调用

    19分钟52秒

    掌握Promise Promise的all方法使用

    13分钟09秒

    掌握vuex Vuex概念和作用解析

    21分钟17秒

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

    30分钟34秒

    掌握vuex devtools和mutations

    13分钟12秒

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

    12分钟35秒

    掌握vuex getters的使用详解

    21分钟27秒

    掌握vuex mutations的携带参数

    10分钟48秒

    掌握vuex mutations的提交风格

    06分钟02秒

    掌握vuex 数据的响应式原理

    21分钟59秒

    掌握vuex mutations的类型常量

    08分钟36秒

    掌握vuex actions的使用详解

    24分钟25秒

    掌握vuex modules的使用详解

    19分钟58秒

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

    10分钟55秒
    第17章 掌握axios

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

    12分钟55秒

    掌握axios框架的基本使用

    22分钟23秒

    掌握axios发送并发请求

    14分钟00秒

    掌握axios的配置信息相关

    09分钟16秒

    掌握axios的实例和模块封装

    40分钟14秒

    掌握axios的拦截器的使用

    27分钟39秒
    第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的封装

    14分钟03秒

    掌握首页开发 TabControl的封装

    24分钟04秒

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

    14分钟51秒

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

    24分钟43秒

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

    27分钟08秒

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

    09分钟34秒

    掌握Better Scroll的安装和使用

    掌握Better scroll的基本使用解析

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

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

    第19章 实战项目开发-2

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

    22分钟54秒

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

    24分钟18秒

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

    掌握对昨天内容的回顾

    36分钟52秒

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

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

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

    30分钟42秒

    掌握上拉加载更多的完成

    掌握TabControl的吸顶效果完成

    34分钟58秒

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

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

    掌握详情页 导航栏的封装

    09分钟47秒

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

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

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

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

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

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

    了解内容的回顾

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

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

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

    理解Better Scroll的scrollto函数的Bug

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

    14分钟59秒

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

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

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

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

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

    讲师介绍

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

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

    全部评论我要评论

  • 吖浩

    吖浩8个月前

    很棒的教程,感谢

    回复
    0

  • 取消 回复 发送
  • PHP中文网