课程名称:Vue.js 基础入门培训

4401 人关注
(78637/99817)
课程大纲:

 

Vue.js 基础入门培训

 

 

课程是一门 Vue.js 的入门课程,介绍了 Vue 的安装和使用,

带领大家学习 Vue 模板语法,核心指令,计算和侦听属性,条件和循环渲染元素,

以及怎样去绑定元素 class 和 style,处理基础事件,Vue 组件开发等。

Vue.js 基础入门 会员
5403 人学过 429 次评价 作者: linki 难度: 初级 综合评分: 9.0

1 vue 简介与安装使用

2 计算属性和侦听属性与过滤器

3 条件与循环渲染

4 表单处理

5 过渡与动画

6 模版语法

7 class 与 style 绑定

8 事件处理

9 组件

10 vue 进阶引导

1
Vue 简介与安装使用

1.Vue与其他框架的对比及特点

2.安装Vue的方法

3.node的安装

4.vuecli的安装

5.Vue开发者工具的安装

6.Vue创建实例

7.Vue数据的双向绑定及响应式

2
模版语法

1.双大括号表达式

2.插值

3.vbind指令

4.von指令

5.指令缩写

3
计算属性和侦听属性与过滤器

1.计算属性

2.计算属性中getter和setter

3.侦听属性

4.计算属性与侦听属性对比

5.过滤器的使用

4
class 与 style 绑定

1.元素的class对象语法绑定

2.元素的class数组语法绑定

3.元素的style对象语法绑定

4.元素的style数组语法绑定

5.属性的自动前缀

5
条件与循环渲染

1.vif和velse

2.vshow

3.vif和vshow比较

4.vfor将数组数据渲染成元素

5.vfor将对象数据渲染成元素

6.key属性

7.数组更新检测

8.对象更新的注意事项

6
事件处理

1.事件绑定指令von

2.事件处理方法

3.内联方法

4.修饰符

7
表单处理

1.vmodel指令

2.基础用法

3.值绑定

4.修饰符

8
组件

1.组件注册

2.组件复用

3.组件通信

4.动态组件

5.实例生命周期

6.生命周期示意图

9
过渡与动画

1.过渡的class

2.css过渡

3.css动画

4.自定义过渡class

5.同时使用过渡与动画

6.显性过渡时间

7.javascript动画钩子

8.初始化过渡

9.多个元素过渡

10
Vue 进阶引导

1.工程化与组件化开发引导

2.前端路由管理(vuerouter)

3.前端数据状态管理(vuex)

4.服务端渲染(nuxtjs)

安装 Vue、Node、vue-cli 并运行应用

动手学习 双大括号表达式、插值、vbind 指令、von 指令和指令缩写

动手学习 计算属性、计算属性中 getter 和 setter、侦听属性、计算属性与侦听属性对比、过滤器的使用

动手学习 class 对象语法绑定、class 数组语法绑定、style 对象语法绑定、style 数组语法绑定和属性的自动前缀

动手学习 vif 和 velse、vshow、vif 和 vshow 比较、vfor 将数组数据渲染成元素、vfor 将对象数据渲染成元素、key 属性、数组更新检测、对象更新的注意事项

动手学习 事件绑定指令 von、事件处理方法、内联方法、修饰符

动手学习 vmodel 指令、基础用法、值绑定、修饰符

动手学习 组件注册、组件复用、组件通信、动态组件

动手学习 过渡的 class、css 过渡、css 动画、自定义过渡 class、同时使用过渡与动画、显性过渡时间、javascript 动画钩子、初始化过渡、多个元素过渡

动手学习 工程化与组件化开发引导、前端路由管理、前端数据状态管理、服务端渲染