Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)

首发

下载课程

下载学院APP

缓存视频离线看

收藏(938)

Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)

课程目标: 全面掌握Vue.js技术栈,包括: 1. 数据绑定、模板、指令、过滤器、vue生命周期及...

5分
共39课时 共18小时40分钟 更新时间: 30天前

即将秒杀 ¥1

¥39

活动时间

2018.12.14

10:00-11:00

2424小时内答疑

课时永久观看

退15分钟内无条件退款

  1. 仅限付费视频课程适用
  2. 购买后15分钟内可以找到客服进行沟通退款
  3. 退款将返还至51CTO学院账户,不支持提现
  4. 下载资料后不再享有退款特权
  5. 客服(Tel:400-101-1651)
  6. 最终解释权归51CTO学院所有

专属资料下载

课程介绍

课程大纲

学习资料

学员评价

课程目标
全面掌握Vue.js技术栈,包括: 1. 数据绑定、模板、指令、过滤器、vue生命周期及实例的属性和方法 2. 组件及组件间的通信、发送HTTP请求 3. vue-router及vue-cli和单文件组件 4. Element UI及Vuex的使用 5. 项目结构的搭建与开发
适用人群
有html、css、js基础,了解es6、node、模块化等
课程简介
  • 第一个Vue程序

    Vue.js简介:1. Vue.js是什么2. vue和angular的区别3. 第一个Vue程序

  • 常用指令01

    常用指令:1. 什么是指令?2. vue中常用的指令v-modelv-forv-onv-show/v-if

  • 常用指令02

    常用指令02

  • 练习:用户管理

    练习:用户管理

  • 事件

    事件:1. 事件简写2. 事件对象$event3. 事件冒泡4. 事件默认行为 5. 键盘事件6. 事件修饰符

  • 属性

    属性:1. 属性绑定和属性的简写 2. class和style属性

  • 模板

    模板:Vue.js使用基于HTML的模板语法,可以将DOM绑定到Vue实例中的数据数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1:使用两对大括号{{}},可能会出现闪烁的问题,可以使用v-cloak解决 方式2:使用v-text、v-html

  • 过滤器

    过滤器:1. 简介2. 关于内置过滤器3. 自定义过滤器

  • 发送AJAX请求01

    发送AJAX请求01:1. 简介2. 使用axios发送AJAX请求

  • 发送AJAX请求02

    发送AJAX请求02

  • 发送JSONP请求

    发送JSONP请求:使用vue-resource发送跨域请求

  • 练习:百度搜索列表

    练习:百度搜索列表

  • Vue生命周期

    Vue生命周期:vue实例从创建到销毁的过程,称为生命周期,共有八个阶段

  • 计算属性

    计算属性:1. 基本用法2. 计算属性 vs 方法3. get和set

  • vue实例的属性和方法

    vue实例的属性和方法:1. 属性 vm.$el vm.$data vm.$options vm.$refs2. 方法 vm.$mount() vm.$destroy() vm.$nextTick(callback)

  • $set、$delete、$watch

    实例的方法:$set、$delete、$watch

  • 自定义指令

    自定义指令:分类:全局指令、局部指令

  • 练习:自定义指令

    练习:自定义指令,实现拖动页面中的元素

  • 过渡(动画)

    过渡(动画):1. 简介2. 基本用法3. 钩子函数4. 结合第三方动画库animate..css一起使用

  • 多元素动画

    多元素动画:

  • 定义组件的方式

    定义组件的方式:1. 什么是组件2. 定义组件的方式

  • 组件的分类

    组件的分类: 全局组件、局部组件

  • 引用模板和动态组件

    引用模板:将组件内容放到模板中并引用动态组件: 组件 多个组件使用同一个挂载点,然后动态的在它们之间切换 组件

  • 组件间数据传递

    组件间数据传递:1. 父子组件2. 组件间数据传递 (通信) 2.1 子组件访问父组件的数据 2.2 父组件访问子组件的数据

  • 单向数据流

    单向数据流

  • 非父子组件间的通信

    非父子组件间的通信: 非父子组件间的通信,可以通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监听事件

  • slot内容分发

    slot内容分发:用来获取组件中的原内容,类似angular中的transclude指令

  • vue-router路由的使用

    路由的使用:1. 简介2. 基本用法

  • 路由嵌套、参数传递、路由结合动画

    路由嵌套、参数传递、路由结合动画

  • 单文件组件

    单文件组件:1. .vue文件2. vue-loader 3. webpack

  • vue-cli脚手架

    vue-cli脚手架: vue-cli是一个vue脚手架,可以快速构造项目结构 vue-cli本身集成了多种项目模板: simple 很少简单 webpack 包含ESLint代码规范检查和unit单元测试等 webpack-simple 没有代码规范检查和单元测试 browserify 使用的也比较多 browserify-simple

  • 模块化开发

    模块化开发:1. vue-router模块化2. axios模块化3. 为自定义组件添加事件

  • Element UI

    Element UI: Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速搭建网站,提高开发效率

  • 自定义全局组件(插件)

    自定义全局组件(插件):可以在main.js中使用Vue.use()进行全局引入

  • Vuex基本用法01

    Vuex基本用法01:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

  • Vuex基本用法02

    Vuex基本用法02:Vuex的核心是Store(仓库),相当于是一个容器,一个store实例中包含以下属性和方法: state 定义属性(状态、数据) getters 用来获取属性 actions 定义方法(动作) commit 提交变化,修改数据的唯一方式就是显式的提交mutations mutations 定义变化

  • 分模块组织Vuex

    分模块组织Vuex

  • 项目结构01

    本章节将带领大家搭建一个项目的基本结构,讲解项目的构建流程,但并不会带大家完整做一个项目,只会讲解项目结构的搭建,项目剩余部分由学员自己接着完成,希望各位学员能够能学以致用,独自完成!

  • 项目结构02

    项目结构02

加载中
所属章节 资料名称 文件大小 下载
相关资料推荐

暂时还没有学习资料~

5

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

    • 0%
    • 0%
    • 0%
    • 0%
    • 0%
    加载中
    没有了哦~

    讲师介绍

    汤小洋

    汤小洋

    讲师评分:5.0

    全栈工程师,多年教育培训经验,多年一线实战经验

    官方交流群

    51CTO学院前端开发交流群(433260976)

    立即加入

    946568人学习过

    订阅专栏更多

    推荐图书

    7日学霸榜 有946568人与你一起学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    ¥39

    ¥23

    课程评价

    发表客观评价,最高可得35学分(会员可得70学分)

    Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)

    该课程已有 人评价

    课程与描述相符

    老师的讲解表达

    老师的答疑服务

    匿名

    在线
    客服
    在线
    客服
    APP
    下载
    ×

    下载Android客户端

    下载iphone 客户端

    返回
    顶部