vue3 介绍

dmr

Vue 3 介绍

    Vue3 于 2022 年 2 月 7 日星期一成为新的默认版本！
    Vue3 性能更高，体积更小
    Vue3 在经过一年的迭代后，越来越好用。

官方文档：

    vue3官方文档：vuejs.org/
    vue3中文文档：v3.cn.vuejs.org/
    vue3预发布版文档：staging-cn.vuejs.org/

目前已支持 vue3 的UI组件库:

    element-plus
    element-plus.gitee.io/#/zh-CN (PC组件库)
    Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
    vant
    vant-contrib.gitee.io/vant/v3/#/z…
    轻量、可靠的移动端 Vue 组件库。
    Vant 是有赞前端团队开源的移动端组件

    库，于 2016 年开源，已持续维护 4 年时间。
    目前 Vant 已完成了对 Vue 3.0 的适配工作，并发布了 Vant 3.0 版本
    ant-design-vue (PC组件库)
    antdv.com/docs/vue/in…
    ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步。

Vue3 动机 和 新特性

Vue3 设计理念 vue3js.cn/vue-composi…

动机与目的:

    更好的 逻辑复用 与 代码组织 (composition组合式api)
    options 选项API(旧) => composition 组合API（新）, 效果: 代码组织更方便了, 逻辑复用更方便了 非常利于维护!!
    更好的类型推导 (typescript支持)
    vue3 源码用 ts 重写了, vue3 对 ts 的支持更友好了 (ts 可以让代码更加稳定, 类型检测! )

vue3 新特性：

    数据响应式原理重新实现 (ES6 proxy 替代了 ES5 的 Object.defineProperty)
    解决了: 例如数组的更新检测等bug, 大大优化了响应式监听的性能
    (原来检测对象属性的变化, 需要一个个对属性递归监听) proxy 可以直接对整个对象劫持
    虚拟DOM - 新算法 (更快 更小)
    提供了composition api, 可以更好的逻辑复用
    模板可以有多个根元素
    源码用 typescript 重写, 有更好的类型推导 (类型检测更为严格, 更稳定)
    ...

    小结： vue3 性能更高, 体积更小, 更利于复用, 代码维护更方便

    来源：知乎

微信扫一扫，分享更方便