一、什么是vue?
简单来说,vue就是前端开发工作中可以用更少的时间,干更多的活,因为他的开发网站的速度比较快。为什么这么说呢,我们拿vue与原生js ,jQurey做个比较:
很明显在给js装上电动小马达之后,工作效率有了很大很大的提升!那么vue也就成了我们工作当中必不可少的工具。
举一个代码实例:在ul 里面铺设li
使用vue后我们的代码量大大的减少,开发更加快速,更高效,这是一方面,另一方面是因为vue是目前编程主流,前端工作者必备技能。也是拿高薪的必备基础,想一想,作为新时代的农民工,这样升值加薪的必备技能怎么能错过呢?那么接下来我们就详细的来了解下vue吧
二、vue基本概念
1、vue是渐进式JavaScript框架,是一套拥有自己规则的语法
2、官网地址: https://cn.vuejs.org/ (作者: 中国江苏无锡人 尤雨溪)
三、渐进式概念
上述vue基本概念中提到了渐进式,那什么是渐进式呢?通俗点来说,渐进式就是逐渐进步,想用什么就用什么,不必一次性全都使用,一步一步来,比如我们现在要建造一个小汽车,一开始先建一个基本的车架子,能跑就行,后来觉得这架子太丑,冬天开着太冷,我们想要在改进一下他的外形,再后来我们又觉得这个车子跑得太慢,还老是堵车,我想再给他升级,升级成能在天上飞也能在地上跑的,功能一步一步升级,有什么需求我们就写什么需求。
我的车子一步一步造的还可以吧 😎
但是问题来了,生活中的渐进式是这样的,代码里的呢?
我们来看下web里的渐进式,HTML能写网页,CSS能让网页更好看,JS赋予网页交互效果,jQ写的更快,node可以提供动态数据。那vue中的渐进式呢,vue是从基础开始,会循序渐进向前学习
现在上面的知识点可能我们还看不太明白,但是学完整个vue之后再来看,就会非常清晰,非常有帮助啦!!!
四、库和框架
从js库到框架,我们先了解一下什么是库什么是框架
库:小而巧,只提供了特定的API,是属性和方法的集合(例如: jQuery)
框架:大而全,提供了一整套的问题解决方案、有自己的一套语法和规则(例如: Vue/React)
五、vue代码写到哪里?
两种模式:传统开发和工程化开发
传统开发模式:
基于html文件开发Vue,<script src=”vue_2.6.12.js”></script>,vue代码要写到script里边
工程化开发方式:
即在webpack环境中开发Vue,借用webpack的打包能力逆行开发。这是最推荐, 企业常用的方式
工程化开发方式相对传统的开发方式优势:
支持模块化开发/ npm下包,集成更多功能/ webpack实时打包...
vue这么香 我们怎样才可以学好vue呢? 多练多查多总结!!!一个也不能少。加油啊小伙伴们