ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【Vue】Vue笔记

2021-12-08 01:33:13  阅读:318  来源: 互联网

标签:编码 Vue 浏览器 DOM 笔记 虚拟 数据


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,浏览器,DOM,笔记,虚拟,数据
来源: https://www.cnblogs.com/Huang-zihan/p/15659602.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有