【Vue】Vue笔记

2021/12/8 6:18:43

本文主要是介绍【Vue】Vue笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Vue

Vue是什么?

Vue是一套用于构建用户界面渐进式JavaScript框架

构建用户界面

image

只需要数据,我们就可以去用Vue构建一个页面,数据可以是死数据:文字、视频、音频、图片,也可以是动态交互的数据。

渐进式

Vue可以自底向上逐层的应用:

简单应用

只需一个轻量小巧的核心库,最常用的方法就是直接从<script> 元素中引入。

复杂应用

可以引入各式各样的Vue插件,类似于浏览器插件,各种各样的浏览器丰富了浏览器的功能。

谁开发的?

尤玉溪

  • 2013年:受到Angular框架开发,尤玉溪开发出一款轻量级——Seed。同年12月,Seed更名为Vue,版本号0.6.0。
  • 2014年:Vue正式对外发布,版本号0.8.0。Taylor otwell在Twitter上发表动态,说自己正在学习Vue.js。
  • 2015年:10月27日,正式发布Vue 1.0.0 Evangelion(新世纪福音战士)
  • 2016年:10月1日,正式发布Vue 2.0.0 Ghost in the Shell(攻壳机动队)
  • 2020年:9月18日,正式发布Vue 3.0.0 One Piece(海贼王)

后起之秀,生态完善,已然成为国内前端工程师必备技能。

Vue的特点

组件化模式

采用组件化模式提高复用率、且让代码更好的维护。
image
【注】这里的组件化,个人的理解是有点类似与数电的模块,在数电里,我们会将一个一个元器件封装成一个能实现某种功能的电路模块,在这里的三个HTML文件、CSS文件、JS文件就可以看做是数电中的元器件,封装好的组件我们只需要修改这三个文件中的数据可以重复利用这些数据。复用顾名思义就是重复利用。

声明式编码

声明式编码,让编码人员无需直接操作DOM,提高开发效率,区别于命令式编码。
image
【注】这里的命令式有点类似在C语言中过得过程式,过程式就是有一条条命令组成的,命令我们也可以理解为数学上的步骤,要完成某件事,我们一定要经过这么多条步骤才能完成。命令式编码有点像直男,情商特点低,说什么才做什么,做完一件事就一定要经过这么多个步骤;而声明式编码就像渣男,它总能会快明白你的需求,你只要给它数据,它就能帮你完成你的需求。
image

虚拟DOM

使用虚拟DOM+优秀Diff算法,尽量复用DOM节点。
image

【注】如果我们通过原生JS生成一个页面的原理是,我们把数据放进容器里面,通过浏览器渲染生成DOM。但是问题是,如果我们大量重复修改数据时,不可避免地要把每一条进行修改然后再去生成DOM。而有了虚拟DOM,它会将每一条数据先生成一个个虚拟DOM,再有一个个虚拟的DOM组合成页面最终的DOM。

image



这篇关于【Vue】Vue笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程