VUE—初识

---

前言

正式进入Vue学习啦 ! 尤雨溪大佬我来啦!
今天先了解一下Vue的基本概念,以便之后更好地深入学习Vue

---

一、Vue是什么？

Vue是一套用于构建用户界面的渐进式JavaScript框架。渐进式呢可以理解为从简单应用(只需一个轻量小巧的核心库)逐渐递进到复杂应用(可以引入各式各样的Vue插件)。

二、Vue的特点

目前市面上的前端框架有很多,像bootstrap框架啊，jQuery、Angular、React等等，很多企业对前端开发人员的任职要求也是需要具备Vue这项技能。Vue借鉴了Angular的模板和数据绑定技术，借鉴了React组件化和虚拟DOM技术。

1.组件化模式

我的理解是Vue将各个功能块的html+css+js单独封装成了.vue文件，这个文件就是组件，然后一个一个的组件就构成了页面。采用组件化模式，可以提高代码复写率，让代码更好维护

2.声明式编码

以前使用基础的JavaScript语法构建页面效果时，是通过执行一条条的命令代码来实现的，属于命令式编码。而Vue则采用了声明式编码，让编码人员无需直接操作DOM，提高开发效率。

3、使用虚拟DOM+优秀Diff算法

数据在渲染到页面之前会先形成一个原始虚拟DOM，数据更新后，重新渲染到页面之前也会形成新的虚拟DOM，通过Diff算法比较原始虚拟DOM与新虚拟DOM，将不同的地方增加到真实DOM中而不是重新渲染全部数据，极大的提升了页面渲染效率。

三、Vue使用前配置

下载完Vue后运行项目时，浏览器会提示如下两条信息

第一条是提示我们安装Vue的开发者工具以达到更好的开发体验，安装好Vue开发工具后这条提示就不会出现了。
第二条是提示我们当前使用的Vue是开发版本的，若不想显示此条提示，将如下配置项改为false即可。
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

四、需要掌握的JavaScript基础知识

当然，Vue也是基于JavaScript与语言开发的，他作为框架能很好的帮助我们实现页面搭建及交互，但是，想要熟练应用vue框架帮助开发，基础知识一定是必要的。

• ES6语法规范
• ES6模块化
• 包管理器
• 原型、原型链
• 数组常用方法
• axios
• promise
  …

---

总结

Vue作为一个轻量级、组件化的JavaScript前端开发框架，能够帮助我们在网页构建时大幅度提高代码复用率和页面响应效率，使得开发更高效便捷。
但Vue就好比盖房子时的钢筋。JavaScript基础知识就是地基，地基挖的深，房子才能盖得高，不然再好的钢筋也不能在浅显的地基上站牢。所以我们很有必要巩固基础，才能更好地理解和运用Vue。
努力加油吧！