Vue.js三天入门实战教程【学习版】
  1. 课程说明

    1. 录播
      课程说明
      4分钟
  2. Vue起步

    1. 录播
      第一个Vue页面
      6分钟
    2. 录播
      VUE.JS框架的引入和安装
      4分钟
    3. 录播
      Vue.js起步-属性的定义和使用
      10分钟
    4. 录播
      Vue.js起步-函数的定义和使用
      4分钟
    5. 录播
      Vue中data数据的第2种定义方式
      5分钟
    6. 录播
      Vue中data数据的改变和设置方式1
      4分钟
    7. 录播
      Vue中data数据的改变和设置方式2
      3分钟
    8. 录播
      原生JS如何输出Vue中的data数据
      4分钟
    9. 录播
      Vue中的系统属性的使用
      5分钟
  3. Vue.js模板数据绑定

    1. 录播
      数据绑定-文本插值
      5分钟
    2. 录播
      数据绑定之v-html指令
      6分钟
    3. 录播
      Vue.js中提供了完全的JavaScript表达式支持
      4分钟
    4. 录播
      数据绑定之实现双向数据绑定v-model指令
      4分钟
  4. form元素

    1. 录播
      数据绑定之v-model指令-textarea中应用
      2分钟
    2. 录播
      数据绑定之v-model指令-select下拉列表应用
      6分钟
    3. 录播
      数据绑定之v-model指令-checkbox单选应用
      7分钟
    4. 录播
      数据绑定之v-model指令-checkbox多选应用
      5分钟
    5. 录播
      数据绑定之v-model指令-radio单选应用
      4分钟
    6. 录播
      Vue.js中的指令
      4分钟
    7. 录播
      数据绑定-v-bind指令绑定HTML属性值和参数
      6分钟
    8. 录播
      Vue.js中过滤器的使用
      6分钟
  5. Vue.js条件语句

    1. 录播
      Vue.js中的条件判断语句 v-if 指令
      5分钟
    2. 录播
      Vue.js中v-show指令
      5分钟
    3. 录播
      Vue.js中v-show指令和v-if 指令的区别
      4分钟
    4. 录播
      Vue.js中v-else指令
      5分钟
    5. 录播
      Vue.js中v-else-if指令
      5分钟
  6. Vue.js 循环语句

    1. 录播
      Vue.js中 v-for 循环指令-简易数组的使用
      7分钟
    2. 录播
      建立新的空白框架
      3分钟
    3. 录播
      Vue.js中 v-for 循环指令-对象的迭代显示
      5分钟
    4. 录播
      Vue.js中 v-for-对象迭代显示中参数的使用
      5分钟
    5. 录播
      Vue.js中 v-for -循环显示整数和九九乘法表
      5分钟
    6. 录播
      Vue.js中 v-for循环指令-对象数组内容显示
      5分钟
    7. 录播
      使用for循环和if语句处理对象中嵌套对象
      7分钟
  7. Vue.js 样式绑定

    1. 录播
      Vue.js样式-class属性绑定单个样式
      9分钟
    2. 录播
      Vue.js样式-class属性绑定多个样式
      6分钟
    3. 录播
      Vue.js样式-class属性绑定数据里的一个对象
      6分钟
    4. 录播
      Vue.js样式-class属性绑定一个数组
      6分钟
    5. 录播
      Vue.js样式-class属性通过三目运算符绑定
      3分钟
    6. 录播
      Vue.js样式-style(内联样式)
      4分钟
    7. 录播
      Vue.js样式-style(内联样式)-绑定样式对象
      3分钟
    8. 录播
      Vue.js样式-style(内联样式)-绑定样式数组
      3分钟
  8. Vue.js 中如何与数据库后台交互

    1. 录播
      Axios介绍
      3分钟
    2. 录播
      Vue.JS-表单-实战-如何提交数据到服务器
      5分钟
    3. 录播
      Vue.JS-表单-实战-如何获取服务器的数据
      6分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

Vue.js三天入门实战教程【学习版】免费

最近在学 39 累计报名 31 好评度 -
咨询老师

课程概述

目录

评论

老师介绍

  • 黄菊华

    黄菊华

    杭州摇亿网络科技创始人,畅销书《微信小程序商城开发》作者,多年从事电子商务系统开发;现主攻微信开发、微信小程序开发、产品设计,前端全栈(CSS,H5,JS,Node.js,jQuery,Bootstrap,Vue...)发等
简  介 从vue.js的框架安装开始讲起,讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环语句、样式绑定、事件处理、监听、表单相关以及和后台数据库的交互。
微信小程序交流QQ群  111733917,欢迎学校、机构、公司、在职人员、学生等洽谈合作,QQ:45157718
从vue.js的框架安装开始讲起,讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环语句、样式绑定、事件处理、监听、表单相关以及和后台数据库的交互。
学完本课程可以做一些基本的实战项目
学会Axios的使用
学会vue的基础语法
学会vue和后台数据库的交互

黄菊华老师前端交流群:147415688   老师QQ:45157718
(黄老师微信)
【本周 1元购课活动,活动结束以腾讯课堂为准】
(原价:69)微信小程序实战-企业站  https://ke.qq.com/course/339237?tuin=2b10d56
(原价:49)微信小程序知识点实战   https://ke.qq.com/course/341752?tuin=2b10d56
(原价:19)微信小程序用户登录功能视频专题课程   https://ke.qq.com/course/376605?tuin=2b10d56
(原价:49)微信小程序样式入门到精通(wxss,css)   https://ke.qq.com/course/368613?tuin=2b10d56
(原价:19)微信小程序Json数据使用专题 https://ke.qq.com/course/374871?tuin=2b10d56
(原价:19)微信小程序获取微信用户openid(含源代码) https://ke.qq.com/course/420803?tuin=2b10d56
(原价:19)微信小程序动画课程-通过wxss(css)来实现   https://ke.qq.com/course/370983?tuin=2b10d56
(原价:19)微信小程序WxParse解析富文本html代码视频课程   https://ke.qq.com/course/357005?tuin=2b10d56
(原价:19)微信小程序界面设计-小程序中的WXSS(css)选择器 https://ke.qq.com/course/371755?tuin=2b10d56
(原价:29)CSS3基础知识实战讲解   https://ke.qq.com/course/352139?tuin=2b10d56

【本周 9元购课活动,活动结束以腾讯课堂为准】
(原价:49)微信小程序组件入门到精通   https://ke.qq.com/course/376338?tuin=2b10d56
(原价:49)微信小程序常用API实战教学视频 https://ke.qq.com/course/383235?tuin=2b10d56
(原价:99)CSS网页工程师就业实战集锦(WEB全栈前端开发) https://ke.qq.com/course/343592?tuin=2b10d56
(原价:99)PHP零基础七天入门视频课程(免费50章) https://ke.qq.com/course/398552?tuin=2b10d56
(原价:39)微信小程序界面设计-小程序中CSS3样式精通课程 https://ke.qq.com/course/371155?tuin=2b10d56
(原价:59)微信小程序-WeUI界面布局设计入门到精通 https://ke.qq.com/course/348627?tuin=2b10d56
(原价:29)微信小程序定位和地图专题   https://ke.qq.com/course/403409?tuin=2b10d56
(原价:88)企业站微信小程序后台、前台实战操作   https://ke.qq.com/course/357708?tuin=2b10d56
(原价:88) ASP公司网站改造实战大全(WebApp含所有代码) https://ke.qq.com/course/356121?tuin=2b10d56
(原价:19)微信小程序单图和多图片上传专题 https://ke.qq.com/course/398531?tuin=2b10d56
(原价:59) Bootstrap4-基础入门到精通   https://ke.qq.com/course/345306?tuin=2b10d56
(原价:29)JSON基础入门实战讲解   https://ke.qq.com/course/351621?tuin=2b10d56
(原价:29) Flex Box页面布局专题(网页移动端微信等) https://ke.qq.com/course/344802?tuin=2b10d56
(原价:99)ASP公司网站开发实战大全(含所有源代码)     https://ke.qq.com/course/355599?tuin=2b10d56
(原价:39)JS数组对象Array详解大全(含课件和源代码)   https://ke.qq.com/course/427216?tuin=2b10d56
--------------------------------------------------------------------------------------------------------------------------------------------------------
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-表单-实战-如何获取服务器的数据
 


【微信小程序从0基础到就业的课程套餐】-也可以单独购买下面独立的套餐
总套餐地址: https://ke.qq.com/course/package/16086?tuin=2b10d56

【第一阶段:小程序-界面-基础】
01.HTML入门到精通 https://ke.qq.com/course/343576?tuin=2b10d56&taid=3693027629809176
02.HTML5基础知识实战演练 https://ke.qq.com/course/346257?tuin=2b10d56&taid=3667803286882449
03.CSS零基础入门到精通实战 https://ke.qq.com/course/340188?tuin=2b10d56
04.CSS3基础知识实战讲解 https://ke.qq.com/course/352139?tuin=2b10d56
05.CSS网页工程师就业实战集锦 https://ke.qq.com/course/343592?tuin=2b10d56
06.Flex Box页面布局(网页移动端微信等)  https://ke.qq.com/course/344802?tuin=2b10d56
07.Flex Box页面布局实战课程 https://ke.qq.com/course/373211?tuin=2b10d56

【第二阶段:小程序-界面-实战】
01.微信小程序框架的制作 https://ke.qq.com/course/367530?tuin=2b10d56&taid=3032547559054250
02.微信小程序样式入门到精通 https://ke.qq.com/course/368613?tuin=2b10d56
03.微信小程中CSS3样式精通课程 https://ke.qq.com/course/371155?tuin=2b10d56
04.微信小程序样式Flex Box精通课程 https://ke.qq.com/course/368348?tuin=2b10d56
05.微信小程序实战-企业站界面设计 https://ke.qq.com/course/374323?tuin=2b10d56
06.微信小程序商城-3天跟我学会界面设计 https://ke.qq.com/course/344760?tuin=2b10d56

【第三阶段:小程序-开发-基础】
01.JavaScript基础入门到精通 https://ke.qq.com/course/341764?tuin=2b10d56
02.专题JSON基础入门实战讲解 https://ke.qq.com/course/351621?tuin=2b10d56
03.微信小程序Json数据使用专题 https://ke.qq.com/course/374871?tuin=2b10d56

【第四阶段:小程序-开发-实战】
01.小程序框架的制作 https://ke.qq.com/course/367530?tuin=2b10d56&taid=3032547559054250
02.小程序前端程序设计和JS入门到精通 https://ke.qq.com/course/382767?tuin=2b10d56&taid=3667807581886255
03.小程序组件入门到精通 https://ke.qq.com/course/376338?tuin=2b10d56
04.小程序API使用大全 https://ke.qq.com/course/383235?tuin=2b10d56
05.小程序实战-企业站(模拟数据) https://ke.qq.com/course/339237?tuin=2b10d56
06.公司小程序7天从零实战(完整前后台) https://ke.qq.com/course/391243?tuin=2b10d56
07.小程序商城15天从零实战课程   https://ke.qq.com/course/395713?tuin=2b10d56

【其他小程序相关课程】 
微信小程序用户登录功能视频专题课程   https://ke.qq.com/course/376605?tuin=2b10d56
微信小程序-获取远程数据和下拉刷新实战   https://ke.qq.com/course/347861?tuin=2b10d56
ASP版微信小程序支付(含源代码)   https://ke.qq.com/course/354594?tuin=2b10d56
ASP版微信公众号支付(含源代码)   https://ke.qq.com/course/341877?tuin=2b10d56
微信小程序-WeUI界面布局设计入门到精通 https://ke.qq.com/course/348627?tuin=2b10d56
微信小程序WxParse解析富文本html https://ke.qq.com/course/357005?tuin=2b10d56
微信小程序动画课程-通过wxss(css)来实现   https://ke.qq.com/course/370983?tuin=2b10d56
微信小程序界面设计-小程序中的WXSS(css)选择器   https://ke.qq.com/course/371755?tuin=2b10d56
微信小程序中常用IF条件和for循环语句的使用    https://ke.qq.com/course/376366?tuin=2b10d56

微信小程序短信解决方案(含前后端所有源代码)(网站也适合) https://ke.qq.com/course/421525?tuin=2b10d56
微信小程序获取微信用户openid(含源代码) https://ke.qq.com/course/420803?tuin=2b10d56
微信小程序定位和地图专题   https://ke.qq.com/course/403409?tuin=2b10d56
微信小程序单图和多图片上传专题   https://ke.qq.com/course/398531?tuin=2b10d56

微信小程序和后台数据库交互扫盲课程 https://ke.qq.com/course/393304?taid=3310736885809240&tuin=2b10d56
零基础和有基础如何学习微信小程序   https://ke.qq.com/course/376701?taid=3693182248664957&tuin=2b10d56





微信小程序从0基础到就业的课程(套餐),  课程已经上架,欢迎大家收看 
https://ke.qq.com/course/package/16086?tuin=2b10d56


微信小程序商城15天从零实战课程,  课程已经上架,欢迎大家收看 
https://ke.qq.com/course/382725?tuin=2b10d56


公司小程序7天从零实战课程(含小程序和后台源代码)   课程已经上架,欢迎大家收看 
https://ke.qq.com/course/391243?tuin=2b10d56

【注意事项】          
上图所涉及的课程,同学们可以搜索课程名称,或者搜索 黄菊华 就能查到这些课程  

* 课程提供者:黄菊华

老师还为你推荐了以下几门课程