分享一个 vue3 composition-api 的中文翻译

翻译是体力活,转载请注明出处哦

概述

https://www.yuque.com/aomiba/vue-composition-api-cn

分享一个 vue3 composition-api 的中文翻译
完整内容请移步我的语雀文档

  • 该文档的目的是 使用最白话的方式翻译 vue 3的最新 api
  • 有任何建议, 可以直接在文档下留言, 或者发送信息道 a@aomiba.com?
  • api 挺多,但是你只需要了解必要的6个(),其他的不用也 ok

vue3相关资源

官方资源

  1. vue-composition-api rfc
  2. vue-composition-api

vue3 的优化点

eva you 在 bilibili 上的直播分享(2020-04-21)
比较详细的可以看下面这篇笔记


composition-api

组合 API , 具体看后面的文档, 如果知道该 api 设计的目的, 移步vue-composition-api rfc, 如果想看该 api 的原始文档,移步vue-composition-api

typescript

  • vue3全面拥抱 typescript, 可以得到更好的类型推导体验

更快

  • virtual dom 重写,快到不行
  • 编译时基于模板的优化
    • 以前是以组件为最小单位,新老 vnode 进行 diff 算法,找到改变的地方,在修改 dom
    • 现在只会 diff 可能会改变的地方

更小

  • tree-shaking 摇树优化,简单说就是不要的都扔掉

fragment teleport suspense

  • fragment 片段,模板里面只能有一个 point 的限制可以不管了
  • teleport 就是 react 里面的 portal, 换了个名字
  • suspense 悬念, 异步组件

custom renderer

  • 原生暴露了自定义的渲染器


搭建 vue3工程(手把手)

利用 @vue/cli 4.x 的插件功能,先正常流程穿件一个 vue2.x的项目, 然后添加插件,升级成 vue3的项目


等我有空再来加上详细步骤

分享一个 vue3 composition-api 的中文翻译

上一篇:C# log4net


下一篇:C#实现DataTable转TXT文件