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

2021-03-20 1050

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

1198

最近在整理电脑的项目，总结了一些常见的小功能（获取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

548

资源下载

更多资源

优质分享App

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

Mario

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。