• 尤雨溪:Vue3.0正式全球发布会_2020


    • 本文只是针对视频内容的重点整理,如若不清楚的地方请看文末链接的现场视频内容。

    性能方面的优化

    • 路由懒加载
    • keep-alive缓存页面
    • 使用v-show复用DOM
    • v-for 遍历避免同时使用 v-if
    • 长列表性能优化
    • 事件的销毁
    • 图片懒加载
    • 第三方插件按需引入
    • 无状态的组件标记为函数式组件
    • 子组件分割
    • 变量本地化
    • SSR

    更好的TypeScript集成

    • 改进的TypeScript支持,编辑器能提供强有力的类型检查和错误及警告
    • 更好的调试支持

    用于处理大规模用例的新API

    • reactive
    • ref
    • computed
    • readonly
    • watchEffect
    • watch
    • unref
    • toRef
    • toRefs
    • isRef
    • isProxy
    • isReactive
    • isReadonly
    • customRef
    • markRaw
    • shallowReactive
    • shallowReadonly
    • shallowRef
    • toRaw

    分层内部模块

    • 内部结构已被彻底重写为一组解耦的模块。新的体系结构提供了更好的可维护性,并允许最终用户通过tree-shaking来减少运行时大小的一半。
    • 编译器支持用于构建时自定义的AST转换(例如,构建时i18n)
    • 核心运行时提供API用于创建针对不同渲染目标(例如本机移动设备,WebGL或终端)的自定义渲染器
    • @vue/reactivity模块导出的功能可以直接访问Vue的响应系统,并且可以用作独立程序包

    composition-api设计目的

    • 旨在解决大型应用程序中Vue使用的难点。 Composition API建立在Reactivity API之上,与2.x基于对象的API相比,可实现类似于React Hooks的逻辑组成和重用,更灵活的代码组织模式以及更可靠的类型推断。

    性能改进(相对Vue2)

    • 通过tree-sharking(减轻了多达41%的资源大小)
    • 初始渲染(加快了多达55%的速度)
    • 更新速度(加快了133%的速度)
    • 内存占用(最多减少54%)

    提供的两个实验性功能

    • 单文件组件 Composition API 语法糖 (
  • 相关阅读:
    js yui
    ie tbody table 兼容方法
    js json ie不支持json
    js ie 6,7,8 使用不了 firstElementChild
    js for in
    js json 单双引号互换
    html table 上移下移
    js autoComplate
    开发总结
    CentOS6.7 下安装git
  • 原文地址:https://www.cnblogs.com/yzsunlei/p/13818072.html
Copyright © 2020-2023  润新知