这门课解决什么问题

很多做后端开发的人,写到后期总会撞到同一堵墙:后端接口写完了,但前端页面没人配,联调时只能对着静态网页硬塞数据,一旦前端逻辑变动,后端也得跟着干等。这门讲Vue入门的课,解决的就是“后端想自己搞定简单前端页面”这个场景。它不教你怎样把前端做得多绚丽,而是把Vue最核心的指令和生命周期拆开,让你能看懂前端代码在干什么,遇到管理后台、内部数据看板这类需求时,能自己动手把页面搭起来,不用为了改个表单绑定再跑去求前端同事。对转行刚学完Java的人来说,懂点Vue也是应付实际项目的基本门槛,很多公司的内部系统就是后端兼着前端一起写。

适合什么基础与建议先看的部分

这资料适合已经写过一阵子Java、懂基本网页标签,但从没碰过前端框架的人。如果你连超链接和表单都分不清,建议先补点基础再来看。资料里的内容排得很直白,一上来先装环境再讲语法,没有绕弯子。建议先重点看双向数据绑定和钩子函数这两块:前者是Vue和传统网页写法差别最大的地方,搞懂它你才能明白数据怎么从页面流到后台;后者讲的是页面加载和销毁时机的控制,你写后端的人一看生命周期就能类比过去。把这两块看明白,再顺过去看v-for循环和v-if语句,这两块决定了你怎么把后端传来的列表数据铺到页面上,是实际干活时用得最多的。事件绑定和各类修饰符可以放到最后看,知道有这些东西,写代码时遇到问题再回来查也来得及。

资料怎么配合练习与学完能做什么

看这些资料别只盯着屏幕听,每段讲完一个指令,就停下来自己敲一遍。装环境的部分照着做一遍,把页面跑起来,然后拿一个你自己写过的后端接口,试着用Vue把返回的数据渲染到页面上。讲v-model时就写个表单,讲v-on时就加个按钮点一下,把后端传来的列表用v-for铺开,再拿v-if控制下显隐。不用搞复杂样式,先让数据能来回跑通就行。学完这些,你独立做个带增删改查的单页管理界面不成问题,拿到一个现成的前端代码,也能看懂别人在哪绑了数据、在哪触发了请求,改起来不至于两眼一抹黑。这点本事搁在实际项目里,足够让你少依赖前端,自己把整套小系统的闭环走完。

课程目录

课程目录37 集
  • 1-1 [VUE基础] 前端的发展历程 (04:27).mp4
  • 1-2 [VUE基础] 安装node (05:46).mp4
  • 1-3 [VUE基础] 安装Vue (04:49).mp4
  • 1-4 [VUE基础] Vue入门案例 (02:20).mp4
  • 1-5 [VUE基础] 双向数据绑定 (02:28).mp4
  • 1-6 [VUE基础] Vue的钩子函数 (05:06).mp4
  • 1-7 [VUE基础] Vue中的元素 (04:36).mp4
  • 1-8 [VUE基础] 插值表达式和插值闪烁 (05:13).mp4
  • 1-9 [VUE基础] v-model (04:46).mp4
  • 1-10 [VUE基础] v-on绑定事件 (03:00).mp4
  • 1-11 [VUE基础] 事件修饰符 (06:08).mp4
  • 1-12 [VUE基础] 按键修饰符 (04:01).mp4
  • 1-13 [VUE基础] v-for循环 (05:30).mp4
  • 1-14 [VUE基础] v-if语句 (03:00).mp4
  • 1-15 [VUE基础] v-if-else (06:03).mp4
  • 1-16 [VUE基础] v-bind (05:07).mp4
  • 1-17 [VUE基础] 计算表达式 (03:58).mp4
  • 1-18 [VUE基础] watch监控 (02:36).mp4
  • 1-19 [VUE基础] 定义全局组件 (04:39).mp4
  • 1-20 [VUE基础] 全局组件注意事项 (03:01).mp4
  • 1-21 [VUE基础] 定义局部组件 (02:47).mp4
  • 1-22 [VUE基础] 父组件往子组件传值 (04:03).mp4
  • 1-23 [VUE基础] 传递复杂类型的数据 (03:34).mp4
  • 1-24 [VUE基础] 子向父通信 (08:55).mp4
  • 2-1 [VUE深入] ES6介绍 (03:53).mp4
  • 2-2 [VUE深入] ES6新加的字符串API (02:07).mp4
  • 2-3 [VUE深入] 解构表达式 (02:25).mp4
  • 2-4 [VUE深入] 箭头函数 (05:07).mp4
  • 2-5 [VUE深入] 数组的map和reduce方法 (04:01).mp4
  • 2-6 [VUE深入] export和import (02:50).mp4
  • 2-7 [VUE深入] Vue-router实现登录注册案例(1) (04:07).mp4
  • 2-8 [VUE深入] vue-router实现登录注册(2) (03:48).mp4
  • 2-9 [VUE深入] webpack安装 (05:09).mp4
  • 2-10 [VUE深入] webpack打包 (06:53).mp4
  • 2-11 [VUE深入] html打包 (04:04).mp4
  • 2-12 [VUE深入] 热更新 (02:39).mp4
  • 2-13 [VUE深入] vue-cli搭建vue项目 (05:24).mp4