文章目录
- 前言
- 一、Vue是什么？
- 二、Vue的特点
- 1.组件化模式
- 2.声明式编码
- 3、使用虚拟DOM+优秀Diff算法
- 三、Vue使用前配置
- 四、需要掌握的JavaScript基础知识
- 总结
前言
正式进入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。
努力加油吧！
