Vue.js 3.0加强了TypeScript的支持,加强API设计一致性,同时提高自身的可维护性,开房了更多底层功能,是目前非常热门的框架之一。Vue.js 3.0的新特性、新优化、新功能,能够帮您大大提升工作效率。
开发背景
2013年末,作者还在Google Creative Lab工作。当时在项目中使用了一段时间的Angular,在感叹数据绑定带来生产力提升的同时,也感到Angular的API设计过于繁琐,使得学习曲线颇为陡峭。出于对Angular数据绑定原理的好奇,作者开始 “造轮子”,自己实现了一个非常粗糙的、基于依赖收集的数据绑定库。这就是Vue.js的前身。同时在实际开发中,作者发现用户界面完全可以用嵌套的组件树来描述,而一个组件恰恰可以对应MVVM中的ViewModel。于是作者决定将我的数据绑定实验改进成一个真正的开源项目,其核心思想便是 “数据驱动的组件系统”。
Vue新特性
1、压缩包体积更小
当前最小化并被压缩的 Vue 运行时大小约为 20kB(2.6.10 版为 22.8kB)。Vue 3.0捆绑包的大小大约会减少一半,即只有10kB!
2、Object.defineProperty -》 Proxy
Object.defineProperty是一个相对比较昂贵的操作,因为它直接操作对象的属性,颗粒度比较小。将它替换为es6的Proxy,在目标对象之上架了一层拦截,代理的是对象而不是对象的属性。这样可以将原本对对象属性的操作变为对整个对象的操作,颗粒度变大。
javascript引擎在解析的时候希望对象的结构越稳定越好,如果对象一直在变,可优化性降低,proxy不需要对原始对象做太多操作。
3、Virtual DOM 重构
vdom的本质是一个抽象层,用javascript描述界面渲染成什么样子。react用jsx,没办法检测出可以优化的动态代码,所以做时间分片,vue中足够快的话可以不用时间分片。
传统vdom的性能瓶颈:
虽然 Vue 能够保证触发更新的组件最小化,但在单个组件内部依然需要遍历该组件的整个 vdom 树。
传统 vdom 的性能跟模版大小正相关,跟动态节点的数量无关。在一些组件整个模版内只有少量动态节点的情况下,这些遍历都是性能的浪费。
JSX 和手写的 render function 是完全动态的,过度的灵活性导致运行时可以用于优化的信息不足
多多直播电脑版为主播提供了便捷的拼多多直播带货工具,商家可借此推广商品,提升店铺流量,而达人则能协助商家带货,获取佣金。多多直播电脑版有助于增强客户粘性,提高流量转化效率,支持商品...
央视影音是一款集新闻、综艺、体育、少儿等多类型节目于一体的视频播放软件,它不仅提供丰富的国内央视节目,还涵盖众多地方卫视和特色频道的精彩内容,用户喜欢看什么,一键搜索即可。央视影音...
浩辰CAD 2025是一款功能多样的CAD设计软件,终端数据和模型上云互通,打造全新的云端协同办公体验。该软件在参数化约束技术上取得了显著突破,为企业国产化应用提供了坚实有力的支持。同时,它...
Visual Studio Code是一款操作便捷的代码编辑器,具备强大扩展性,用户可通过丰富的插件库,轻松打造个性化的工作环境。它能够兼容多种编程语言,内置智能代码补全、语法高亮、代码折叠等多项功...
Audacity是一款功能多样的跨平台音频编辑软件,拥有剪切、复制、粘贴、淡入淡出等实用音频编辑工具,还支持降噪、均衡器、压缩等高级音频效果处理功能,全面满足用户的使用需求。同时,Audacity...
Drive SnapShot是一款性能出色的系统备份与恢复工具,集成远程备份、差异备份、还原硬盘等多项功能,并支持定时自动备份。Drive SnapShot无需安装,即开即用,提供中文界面,操作简单便捷,能够...
发表评论
共0条
评论就这些咯,让大家也知道你的独特见解
立即评论以上留言仅代表用户个人观点,不代表系统之家立场