Vue前端框架技术基础
249 人学过
Vue前端框架技术基础
课程内容
共16个章节 16个实验
1 VueJS入门
本次实验重点是了解VueJS和安装配置VueJS。
实验1 实验1：VueJS入门
VueJS的简介及安装
2 VueJS - Instances
本次实验重点是通过实例来简单认识和了解VUE。
实验1 实验2：VueJS - Instances
要开始学习VueJS，我们需要创建Vue的实例，称为root vue实例
3 VueJS - Template
本次实验重点是通过实例来简单认识和了解VUE。
实验1 实验3：VueJS - Template
我们将学习如何在屏幕上以HTML模板的形式获得输出。
4 VueJS - Components
本次实验重点是通过实例来简单认识和了解VUE组件。
实验1 实验4：VueJS - Components
VUE组件是VueJS创建自定义元素的重要特性之一，这些元素可以在HTML中重用。
5 VueJS - Computed Properties
本次实验重点是通过实例来简单认识和了解VUE计算性质。
实验1 实验5：VueJS - Computed Properties
我们已经看过了用于Vue实例和组件的方法。计算性质类似于方法，但与方法相比有一些不同，我们将在本实验中讨论。在本实验的最后，我们将能够决定什么时候使用方法，什么时候使用计算的属性。
6 VueJS - Watch Property
本次实验重点是通过实例来简单认识和了解VUE是如何监视属性的。
实验1 实验6：VueJS - Watch Property
通过示例学习如何监视属性。
7 VueJS - Binding
本次实验重点是通过实例来简单认识和了解vue使用v-bind指令进行数据绑定。
实验1 实验7：VueJS - Binding
我们将学习如何操作或赋值给HTML属性、更改样式和使用绑定指令分配类。V-bind可与VueJS一起使用。
8 VueJS - Events
本次实验重点是通过实例来简单认识和了解vue使用v-on指令进行侦听VueJS中的事件的属性。
实验1 实验8：VueJS - Events
V-on是添加到DOM元素中以侦听VueJS中的事件的属性。
9 VueJS - Rendering
本次实验重点是通过实例来简单认识和了解vue的条件和列表渲染。
实验1 实验9：VueJS - Rendering
我们将学习条件渲染和列表渲染。在条件渲染中，我们将讨论如何使用if, if-else, if-else-if, show。在列表渲染中，我们将讨论如何使用for循环。
10 VueJS - Transition and Animation
本次实验重点是通过实例来简单认识和了解VueJS中可用的过渡和动画功能。
实验1 实验10：VueJS - Transition and Animation
将学习VueJS中可用的过渡和动画功能。
11 VueJS - Directives
本次实验重点是通过实例来简单认识和了解VueJS如何自定义指令。
实验1 实验11：VueJS - Directives
指令是VueJS以某种方式做事情的指令。我们已经看到了诸如v-if、v-Show、v-etc、v-for、v-bind、v-model、v-on等指令.在本次实验中，我们将介绍自定义指令。我们将创建类似于组件的全局指令。
12 VueJS - Routing
本次实验重点是通过实例来简单认识和了解VueJS路由功能。
实验1 实验12：VueJS - Routing
通过本次实验学习使用路由。
13 VueJS - Mixins
本次实验重点是通过实例来简单认识和了解VueJS中的mixin。
实验1 实验13：VueJS - Mixins
Mixins基本上是与组件一起使用的。它们在组件之间共享可重用代码。当组件使用mixin时，所有mixin选项都成为组件选项的一部分。
14 VueJS - Render Function
本次实验重点是通过实例来简单认识和了解VueJS呈现函数的作用及使用。
实验1 实验14：VueJS - Render Function
我们已经看到了组件和它的使用。例如，我们有一个需要在整个项目中重用的内容。我们可以转换成相同的组件并使用它。本次实验演示呈现函数在这个过程中发挥的作用。
15 VueJS - Reactive Interface
本次实验重点是通过实例来简单认识和了解VueJS反应接口。
实验1 实验15：VueJS - Reactive Interface
VueJS提供了向属性添加反应性的选项，这些属性是动态添加的。
16 VueJS - Examples
本次实验重点是通过实例加深理解。
实验1 实验16：VueJS - Examples
通过综合案例加强对vue的理解。
