课程

课程介绍

Vue.js 自身不是一个全能框架 — 它只聚焦于视图层,因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

培训对象

想要提升前端技术,有志成为高级前端的开发人员。

课程收益

掌握VUE自底向上增量开发设计,通过尽可能简单的ARI实现响应的数据绑定和组合的试图组件。

知识概要

-- Vue.js 简介;
-- 数据绑定;
-- 指令;
-- 计算属性;
-- 表单控件绑定;
-- 过滤器;
-- Class 与Style 绑定;
-- 过渡;
-- Method;
-- Vue 实例方法;
-- 组件;
-- 表单校验;
-- 与服务端通信;
-- 路由与视图。

课程大纲

模块

学习内容

Vue.js 简介

MVX 模式是什么

Vue.js 是什么

数据绑定

语法

分隔符

指令

内部指令

自定义指令

内部指令解析

常见问题解析

计算属性

什么是计算属性

计算属性缓存

常见问题

表单控件绑定

基本用法

值绑定

v-model 修饰指令

修饰指令原理

过滤器

内置过滤器

自定义过滤器

源码解析

常见问题解析

Class 与Style 绑定

绑定HTML Class 80

绑定内联样式

过渡

CSS 过渡

JavaScript 过渡

渐进过渡

Method

如何绑定事件

如何使用修饰符

Vue 实例方法

实例属性

实例方法

组件

基础

相关拓展

生命周期

开发组件

常见问题解析

表单校验

安装

基本使用

验证结果结构

验证器语法

内置验证规则

与v-model 同时使用

重置校验结果

表单元素

各校验状态对应的class

分组校验

错误信息

事件

延迟初始化

自定义验证器

自定义验证时机

异步验证

与服务端通信

安装和调试

vue-async-data

常见问题解析

路由与视图

如何安装

基本使用

视图部分

路由实例

组件路由配置

认证过程

无认证考试

开班信息

暂无开班信息