VUE2与VUE3的区别（diff VUE2 and VUE3）

2021-03-20 1014

diff VUE2 and VUE3

VUE2

Object.defineProperty()，重写对象的key

对数组能进行监听，但删除、插入、排序等频繁操的大量的读写操作，会带来性能问题
真正的问题是，不能对初始化时没有设置的键值做监听。所以要提供Vue.set等API
需要一开始初始化就递归遍历，循环监听，也是性能瓶颈之一

VUE3

使用proxy拦截读写操作，采用懒代理解决深度嵌套问题，只需要遍历第一层的属性

VUE3支持碎片（Fragments）,组件支持多个根节点。不需要在组件内使用一个总的div来包裹着。

建立数据需要使用reactive，与方法/生命周期钩子，写在setup方法，更加简洁和容易控制

VUE3的设计模式给予开发者按需引入依赖包，避免多余引用导致性能问题或者打包后太大的问题，这也是VUE3一直存在的问题

computed也需要从vue引入

this在VUE2和VUE3的含义不同，前者是组件自身，能拿到props，后者拿props只能在setup函数的第一个参数里

Vite

vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动：

快速的冷启动，不需要等待打包操作；
即时的热模块更新，替换性能和模块数量的解耦让更新飞起；
真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变

微信关注我们

原文链接：https://my.oschina.net/luozt/blog/4993001

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

前端开发可以干到多少岁？

移动互联网的蓬勃发展，使得前端开发渐渐变成了为大众所熟知的一门大热的职业。随着前端开发岗位的走红，网上渐渐出现了前端岗位是青春饭的说法，这是真的吗?其实技术岗位相比于许多传统岗位，有着更长的职业生命周期,因此完全不存在前端开发岗位是青春饭这样的说法。那么，前端开发到底可以干到多少岁呢? 我们先来看看前端开发岗位各个年龄阶段的分布情况，根据各大招聘网站的统计数据显示，学习Web前端的人群年龄集中在20-30年龄阶段，20-29年龄占据50%之多，可以看到大量的年轻人加入到web前端开发行业中来。但这不是因为前端开发只适合年轻人来干，而是因为Web前端开发在中国正处于快速发张阶段，作为一个新兴岗位，前端工龄超过十年的从业者本来就少。所以如果你是刚毕业，或处于工作迷茫期，并且对Web前端感兴趣，加入前端开发领域也是非常好的选择。众所周知，web前端是一个新兴的职业，再加上前端的需求量比后端多好几倍，前端需求量大，职业发展前景很乐观。虽然前端开发不是青春饭，但是还是有人会问，前端开发可以干到多少岁?其实这个问题的答案不需要别人来告诉你，而是你自身决定的。前面已经说过了，前端开发岗位不存在...

2021-03-20

1165

分享18个常用的ECMAScript 6代码片段

最近在整理电脑的项目，总结了一些常见的小功能（获取URL、URL参数解析、Form表单数据解析等），特别的reduce方法的妙用。 1.如何批量隐藏指定的元素？ const hide = (...el) => [...el].forEach((e) => (e.style.display = "none")); // 调用示例 hide(document.querySelectorAll("img")); 2.如何检查元素是否具有指定的类？ const hasClass = (el, className) => el.classList.contains(className); // 调用示例 hasClass(document.querySelector("p.special"), "special"); // true 3.如何切换元素的样式类？ const toggleClass = (el, className) => el.classList.toggle(className); // 调用示例 toggleClass(do...

2021-03-20

516

资源下载

更多资源

优质分享Android(本站安卓app)

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario，低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。