带你了解Vue.js

今天酸狗就带着大家了解一个国内最火的前端框架Vue.js。希望对大家Vue的了解有帮助！

文章目录

带你了解Vue.js
前言
一、框架和库的区别
二、前端三大主流框架
三、什么是Vue.js
四、为什么要使用Vue框架
总结

前言

提示：看文章之前建议对Html/Css/JavaScript有一些基础的了解更好的理解，小白能直观的了解Vue

一、框架和库的区别

框架（Framework）和函数库（Library）

框架:

是一套完整的解决方案;对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。框架则是为解决一个(一类)问题而开发的产品。框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。
我们调用框架的时候，取的是整个框架，必须使用这个框架的全部代码，而且，我们使用框架的时候，必须按照框架设定好的使用规则来使用它。
功能很强大，但会丧失一部分灵活性

库（插件）︰

提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。（如：从Jquery切换到Zepto）
库是将代码集合成的一个产品，供程序员调用。
直白的说，库为我们提供了很多封装好的函数，看起来零零散散，但是我们使用起来比较灵活，就是哪里需要，我们就取它里面我们所需的某部分，用不到它的地方我们自己来实现。
面向对象的库。面向过程的代码组织形式而成的库叫函数库。在函数库中的可直接使用的函数叫库函数。

二、前端三大主流框架

Vue.js 是前端的主流框架之一，和Angular.js、React.js—起，并成为前端三大主流框架!
三大框架一大抄，都在互相递进升级的一个过程，三大框架互相模仿。

Vue.js （在国内使用的比较多）：
是目前最火的一个前端框架,也是国内使用最广泛的前端框架(主要用于单页面应用程序，也可用于手机APP开发)。
React （在欧美使用的比较多）：
是最流行的一个前端框架（ React除了开发网站，还可以开发手机App , Vue语法也是可以用于进行手机App开发的，需要借助于Weex )。
Angular.js （在印度使用的比较多）：
出来较早的前端框架，学习曲线比较陡，NG1学起来比较麻烦，NG2~NG5开始，进行了一系列的改革，也提供了组件化开发的概念（抄Vue，React的组件化）;从NG2开始，也支持使用TS(TypeScript)进行编程。

三、什么是Vue.js

Vue.js 是目前最火的一个前端框架
Vue.js是一套渐进式框架。
Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。( Vue有配套的第三方类库，可以整合起来做大型项目的开发）。
Vue.js有配套的第三方类库，可以将其整合起来做大型项目的开发。如：router、axios、vuex。
前端的主要工作:主要负责MVC中的V这一层;主要工作就是和界面打交道，来制作前端页面效果。

四、为什么要使用Vue框架

简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；react和angular都是国外的语言，文档都是英文，学习成本较高。
Vue.js借鉴了Angular以及React的一些核心思想，是站在巨人的肩膀上开发出来的，结合了其两者的所有优点。
企业中，使用框架，能够提高开发的效率，企业为了提高开发效率:在企业中，时间就是效率，效率就是金钱。
提高开发效率的发展历程︰原生JS-> Jquery之类的类库->前端模板引擎->Angular.js / Vue.js(能够帮助我们减少不必要的DOM操作﹔提高渲染效率﹔双向数据绑定的概念.【通过框架提供的指令，我们前端程序员只需要关心数据的业务逻辑，不再关心DOM是如何渲染的了】 )
在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑。不需要像html页面那样频繁的操作真实的dom元素，它本身都是虚拟dom跟数据进行捆绑，降低了性能消耗。
最大的特点就是双向数据绑定，只关注视图层！
增强自己就业时候的竞争力。

总结

Vue简单易学，国人开发，中文文档，不存在语言障碍，易于理解和学习,通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
谢谢！

酸狗带你了解Vue.js相关推荐

vue 地图使用navigator_9 个实验 + 3 个项目，带你入门 Vue.js 3 ！
Vue.js.React.Angular 一直是国内前端的三大主流框架,但在 2019 年 Vue 一骑绝尘,荣登 Github Star 排名第一.Vue.js 由华人「尤雨溪」所写(知乎:尤雨溪) ...
为Angular（2+）开发人员提供带TypeScript的Vue.js
目录介绍单页应用程序的演变(SPA) 三大框架概述 Angular开发者的Vue.js 学习Vue.js Vue.js页面的剖析构建示例应用程序 TypeScript的案例入门--Vue.js ...
夜光带你走进Vue.js（三十）擅长的领域
夜光序言: 清晨的阳光温暖而和煦,洒在脸上,让人没有心思去考虑烦心的事情,只想沐浴在光芒中放空自己.新的一天又开始了,亲爱的人啊正文:创建一个简单的导航菜单养兵千日用兵一时,学的东西要灵活使用 & ...
酸狗带你进入JAVA世界
JAVA语言简介最近有很多朋友问JAVA怎么样,想了解JAVA语言,那我就给大家说下我对JAVA的了解,带领大家走进JAVA的世界! 文章目录 JAVA语言简介 JAVA的前景 JAVA的发展 ...
推荐一些vue.js热门好用的框架组件
说明:推荐一些好用vue的ui框架组件描述:仅仅作为学习和整理,具体按照个人的需要选择使用即可,可以收藏,方便后续选择备忘. 一.mint-ui 基于 Vue.js 的移动端组件库介绍:一款基于 ...
vue.js+boostrap最佳实践
一.为什么要写这篇文章最近忙里偷闲学了一下vue.js,同时也复习了一下boostrap,发现这两种东西如果同时运用到一起,可以发挥很强大的作用,boostrap优雅的样式和丰富的组件使得页面开发变 ...
Vue.js 核心精要实战解析
课程简介前端框架领域,Angular.React.Vue.js 三足鼎立,而 Vue.js 因其性能.通用.易用.体积.学习成本低等特点深受广大前端们的追捧,并吸引了一大批前端初学者.作为 Vue. ...
vue.js实现带表情评论功能前后端实现（仿B站评论）
文章目录学习链接效果图后台建表评论表(重要) 用户表实体类 Comment User CommentDTO(重要) WebConfig配置配置跨域和静态资源文件夹 Mybatisplus ...
html input dropdown,Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
带下拉选项的输入框 (Textbox with Dropdown) 是既允许用户从下拉列表中选择输入又允许用户自由键入输入值.这算是比较常见的一种 UI 元素,可以为用户提供候选项节省操作时间,也可以 ...

酸狗带你了解Vue.js