适合人群：

• 网页开发者,web前端开发者,移动人员开发者

课程目标：

• 从vue.js的框架安装开始讲起，讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环...

课程简介：

从vue.js的框架安装开始讲起，讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环语句、样式绑定、事件处理、监听、表单相关以及和后台数据库的交互。

• 学完本课程可以做一些基本的实战项目
• 学习Axios的使用
• 学习vue的基础语法
• 学习vue和后台数据库的交互

课程大纲

00-课程说明

【Vue起步】2

01-第一个Vue页面

02-VUE.JS框架的引入和安装

03-Vue.js起步-属性的定义和使用

04-Vue.js起步-函数的定义和使用

05-Vue中data数据的第2种定义方式

06-Vue中data数据的改变和设置方式1

07-Vue中data数据的改变和设置方式2

08-原生JS如何输出Vue中的data数据

09-Vue中的系统属性的使用

【Vue.js模板数据绑定和form元素】3

10-数据绑定-文本插值

11-数据绑定之v-html指令

12-Vue.js中提供了完全的JavaScript表达式支持

13-数据绑定之实现双向数据绑定v-model指令（input应用）

14-数据绑定之v-model指令-textarea中应用

15-数据绑定之v-model指令-select下拉列表应用

16-数据绑定之v-model指令-checkbox单选应用

17-数据绑定之v-model指令-checkbox多选应用

18-数据绑定之v-model指令-radio单选应用

19-Vue.js中的指令

20-数据绑定-使用v-bind指令绑定HTML属性值和参数的使用（链接a应用）

21-Vue.js中过滤器的使用

【Vue.js条件语句】4

22-Vue.js中的条件判断语句 v-if 指令

23-Vue.js中v-show指令

24-Vue.js中v-show指令和v-if 指令的区别

25-Vue.js中v-else指令

26-Vue.js中v-else-if指令

【Vue.js 循环语句】5

27-Vue.js中 v-for 循环指令-简易数组的使用

28-建立新的空白框架

29-Vue.js中 v-for 循环指令-对象的迭代显示

30-Vue.js中 v-for 循环指令-对象迭代显示中参数的使用

31-Vue.js中 v-for 循环指令-循环显示整数和九九乘法表

32-Vue.js中 v-for 循环指令-对象数组的内容显示

33-如何使用for循环和if语句处理对象中嵌套对象

【Vue.js 样式绑定】6

34-Vue.js样式-class属性绑定单个样式

34-Vue.js样式-class属性绑定单个样式（补充）

34-Vue.js样式-class属性绑定单个样式（补充2）

35-Vue.js样式-class属性绑定多个样式

36-Vue.js样式-class属性绑定数据里的一个对象

37-Vue.js样式-class属性绑定一个数组

37-Vue.js样式-class属性绑定一个数组（补充）

38-Vue.js样式-class属性通过三目运算符绑定

39-Vue.js样式-style(内联样式)

40-Vue.js样式-style(内联样式)-绑定样式对象

41-Vue.js样式-style(内联样式)-绑定样式数组

【Vue.js 事件处理器】7

42-Vue.js-事件处理器v-on指令

43-v-on指令函数的两种定义方式

44-Vue.js-事件中如何读取data里面的数值

45-Vue.js中指令对应函数参数的几种使用方式

【Vue.js 监听属性】8

46-Vue.js 监听属性-普通的watch实现计数器（原42）

47-Vue.JS-监听属性-千米与米之间的换算

48-Vue.JS-监听属性-简单的购物车

【Vue.js 中Form表单数据提交】9

49-Vue.JS-表单-实战-全选与取消全选

50-Vue.JS-表单-实战-获取要提交的数据

【Vue.js 中如何与数据库后台交互】10

51-Axios介绍

52-Vue.JS-表单-实战-如何提交数据到远程服务器

53-Vue.JS-表单-实战-如何获取服务器的数据