VIP
Vue.js前端框架详解-基础&进阶&实战
通过本课程的系统学习,学员将学会和掌握轻量、易学但功能强大的Vue.js前端开发库,以及由Vue.js及其高级工具和插件库组成的前端开发“框架”。
课时数: 27 个课程, 72 课时 时长: 8小时 学习人数: 0
课程介绍
课程简介
共6分钟 登录
Vue.js简介
MVVM 架构
共4分钟 登录
Vue.js 的定位
共1.5分钟 登录
Vue.js 的核心思想与特点
共1.6分钟 登录
数据驱动的 Web 开发
共5.6分钟 登录
数据绑定与计算属性
Vue.js 数据绑定
共10.1分钟 登录
绑定表达式
共2.1分钟 登录
计算属性
共4分钟 登录
条件渲染
v-if 和 v-show 指令
共5.8分钟 登录
两种条件渲染指令的比较
共2.6分钟 登录
列表渲染及其注意事项
数组元素遍历
共4.1分钟 登录
对象属性遍历
共2.3分钟 登录
过滤与排序
共3.1分钟 登录
数据变化的检测及注意事项
共4.4分钟 登录
类与样式绑定
使用 v-bind 绑定类与样式
共6.6分钟 登录
Vue.js 对类与样式绑定的增强
共3.8分钟 登录
表单控件绑定
使用v-model实现双向绑定
共8分钟 登录
绑定value
共3.9分钟 登录
参数特性
共9.7分钟 登录
事件绑定与处理
使用v-on绑定DOM事件处理
共5.9分钟 登录
使用内联语句
共5.1分钟 登录
事件修饰符
共2.4分钟 登录
按键修饰符
共5.1分钟 登录
watch 的使用
使用watch监控表达式变化
共3.1分钟 登录
深度watcher
共3.4分钟 登录
$watch方法及取消观察
共3.1分钟 登录
Vue.js组件开发介绍
组件的注册与使用
共8.1分钟 登录
组件模板注意事项
共7.1分钟 登录
使用props传递数据
共9.9分钟 登录
父子组件通信
共2分钟 登录
使用slot分发内容
共3.3分钟 登录
动态组件
共5.4分钟 登录
组件开发注意事项
共2.3分钟 登录
Vue.js组件开发实例详解
单程直达机票航班信息展示需求
共3.3分钟 登录
设置模板及样式
共9.9分钟 登录
使用props传入航班数据
共3分钟 登录
添加计算属性
共2.9分钟 登录
在vue实例中使用组件
共2.3分钟 登录
Webpack简介
Webpack 简介
共13.2分钟 登录
使用webpack对单文件组件进行打包
单文件组件规范
共2.4分钟 登录
支持特性
共4.4分钟 登录
打包配置
共3.1分钟 登录
打包工作流程
共3.2分钟 登录
vue-router基本用法、具名路由与嵌套路由
安装 vue-router
共3.2分钟 登录
vue-router基本用法
共7.7分钟 登录
具名路由
共2.5分钟 登录
嵌套路由
共3.7分钟 登录
vue-router路由对象与路径匹配
路由对象属性、自定义字段
共4.3分钟 登录
动态匹配
共3.5分钟 登录
全匹配片段
共4.7分钟 登录
vue-router路由配置项
vue-router路由配置项
共13.1分钟 登录
Vuex 核心概念
State 和 Getters
共9.4分钟 登录
Mutations
共4.9分钟 登录
Actions
共7.7分钟 登录
Vuex Actions 与 Mutations 的单元测试
测试所需要的库和工具
共2.5分钟 登录
Vuex Actions 和 Mutations 单元测试
共20分钟 登录
Vuex 中间件
Vuex 中间件
共5.4分钟 登录
Vuex 严格模式与表单处理
严格模式
共2.9分钟 登录
绑定value与事件
共3.9分钟 登录
使用带setter的计算属性
共1.7分钟 登录
使用 vue-cli 搭建项目框架
使用 vue-cli 搭建项目框架
共12.3分钟 登录
路由设置规划
项目路由设置
共19.2分钟 登录
状态管理规划
使用vuex进行集中状态管理
共11.3分钟 登录
组件切分
根据页面展示需求切分组件
共6.5分钟 登录
组件开发
创建航班信息展示组件
共33.6分钟 登录
创建乘机人录入、校验组件
共42.9分钟 登录
创建增值业务购买组件
共20.7分钟 登录
创建核对页信息展示组件
共11.2分钟 登录
创建完成页信息展示组件
共4.2分钟 登录
单元测试
乘机人录入、校验单元测试
共7分钟 登录
增值业务购买单元测试
共2.7分钟 登录
生产发布
生产发布
共3.8分钟 登录
课程背景:
vue的热度越来越火,并且生态集成当下热门的组件化及单向数据流思想;vue简化了开发流程,可以让开发者更容易的了解现代mvvm的开发方式。
核心内容:
1. 开发数据响应式的web页面 2. Vue组件化开发,使用Webpack对单文件组件打包 3. 使用vue-router实现的前端路由,构建复杂的SPA 4. 使用vuex进行集中的应用状态管理,实现单向数据流 Vue.js 应用架构 5. 使用vue-cli搭建项目框架,通过实战案例掌握Vue大型应用开发的全流程
难度: 进阶
适合人群:
想要vue入门的人群