首页 > Web前端工程师 > Vue.js前端框架详解-基础&进阶&实战
Vue.js前端框架详解-基础&进阶&实战
  • Vue.js前端框架详解-基础&进阶&实战

  • 主讲 : 陈老师、KingMario
  • 通过本课程的系统学习,学员将学会和掌握轻量、易学但功能强大的Vue.js前端开发库,以及由Vue.js及其高级工具和插件库组成的前端开发“框架”。
  • ¥499.00 ¥1300.00 ¥490.00
  • 立即购买 超级会员免费学

    284人学习时长 : 10.3 小时有效期 : 180 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。SVIP用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战 Vue.js 深入浅出——基础&进阶&实战

Vue.js前端框架详解-基础&进阶&实战

主讲:陈老师、KingMario

通过本课程的系统学习,学员将学会和掌握轻量、易学但功能强大的Vue.js前端开发库,以及由Vue.js及其高级工具和插件库组成的前端开发“框架”。

第 1 部分 Vue.js入门 114 分钟

第 1 节 课程简介 6 分钟
课程简介
第 2 节 Vue.js简介 13 分钟
MVVM架构
Vue.js的定位
Vue.js的核心思想与特点
数据驱动的Web开发
第 3 节 数据绑定与计算属性 30 分钟
Vue.js数据绑定
计算属性
Vue.js数据绑定的注意事项
第 4 节 条件渲染 30 分钟
v-if和v-show
条件渲染的注意事项
两种条件渲染的比较
第 5 节 列表渲染及其注意事项 35 分钟
数组元素遍历
对象属性遍历
整数次重复
过滤及排序
数据变化的检测及注意事项

第 2 部分 Vue.js类、样式、表单和事件绑定 105 分钟

第 1 节 类与样式绑定 15 分钟
使用v-bind绑定类与样式
Vue.js对类与样式绑定的增强
第 2 节 表单控件绑定 30 分钟
使用v-model实现双向绑定
绑定value
参数特性
第 3 节 事件绑定与处理 35 分钟
使用v-on绑定DOM事件处理
使用内联语句
事件修饰符
按键修饰符
第 4 节 watch的使用 25 分钟
使用watch监控表达式变化
深度watcher
$watch方法及取消观察
作业:开发用户信息录入页面
开发用户信息录入页面

第 3 部分 Vue.js组件开发 120 分钟

第 1 节 Vue.js组件开发介绍 45 分钟
组件的注册与使用
组件模板注意事项
使用props传递数据
父子组件通信
使用slot分发内容
动态组件
组件开发注意事项
第 2 节 Vue.js组件开发实例详解 45 分钟
单程直达机票航班信息展示需求
设置模板及样式
使用props传入航班数据
添加计算属性
在vue实例中使用组件
第 3 节 使用webpack对单文件组件进行打包 30 分钟
webpack简介
单文件组件规范
支持特性
打包配置
打包工作流程
作业:开发单程中转机票航班信息展示组件
开发单程中转机票航班信息展示组件

第 4 部分 vue-router开发SPA应用 80 分钟

第 1 节 vue-router基本用法、具名路由与嵌套路由 25 分钟
SPA及前端路由介绍
安装vue-router
vue-router基本用法
具名路由
嵌套路由
第 2 节 vue-router路由对象与路径匹配 20 分钟
路由对象属性、自定义字段
动态匹配
全匹配片段
通过路由配置项自定义路由器行为
第 3 节 vue-router路由配置项 5 分钟
通过路由配置项自定义路由器行为
第 4 节 vue-router切换控制流水线 30 分钟
切换控制流水线
切换钩子
作业:搭建机票预订SPA框架
搭建机票预订SPA框架

第 5 部分 vuex应用状态管理 53 分钟

第 1 节 大型应用状态管理痛点及vuex 解决方案 25 分钟
大型应用中的状态管理痛点与使用动态容器实现状态管理
vuex单向数据流与应用结构
State和Getters
Mutations
Actions
vuex actions 和 mutations热重载
第 2 节 vuex actions 和 mutations单元测试 8 分钟
测试所需要的库和工具
vuex actions 和 mutations单元测试
第 3 节 vuex中间件 5 分钟
vuex中间件
第 4 节 vuex严格模式与表单处理 15 分钟
严格模式
绑定value与事件
使用带setter的计算属性
作业:机票预订 SPA 价格展示组件及 vuex 应用
机票预订 SPA 价格展示组件及 vuex 应用

第 6 部分 在线机票预订SPA实战需求说明 5 分钟

第 1 节 实战项目需求说明 5 分钟
业务场景与流程
航班信息展示功能说明
乘机人信息录入及校验需求说明
增值业务购买功能说明
核对页信息展示需求说明
完成页信息展示需求说明

第 7 部分 项目构建与规划 30 分钟

第 1 节 使用vue-cli搭建项目框架 20 分钟
vue-cli命令与项目模板介绍
使用vue-cli搭建项目框架
第 2 节 路由、状态管理及组件切分规划 10 分钟
项目路由设置
使用vuex进行集中状态管理
根据页面展示需求切分组件

第 8 部分 项目开发与发布 110 分钟

第 1 节 组件开发 94 分钟
创建航班信息展示组件
创建乘机人录入、校验组件
创建增值业务购买组件
创建核对页信息展示组件
创建完成页信息展示组件
第 2 节 单元测试 11 分钟
乘机人录入、校验单元测试
增值业务购买单元测试
第 3 节 生产发布 5 分钟
生产发布
作业:多乘机人相关的信息校验逻辑
多乘机人相关的信息校验逻辑

学员服务

  • 作业批改
  • 有问必答

主讲老师

  • 陈老师

    极客学院布道师

    JavaScript 程序员,曾翻译出版《MEAN Web 开发》一书,擅长 AngularJS、Vue.js、 Socket.IO 等前端开发框架。

  • KingMario

    极客学院布道师

    就职于VMware,曽先后工作于摩托罗拉、中兴、携程、Waylens等公司,Vue.js传播者,积极参与 vue 生态建设。