今天在看vue-composition-api文档的时候,突然发现多出来个Languages选项:

咦奇怪,我记得以前好像没有这个选项的呀。赶紧点开看看有没有中文:

太棒了!还是尤大对咱好,感动得我热泪盈眶,虽然有可能压根就不是他翻译的。
因为在知乎,我曾看他发布过这么一段话:

当然是不是他翻译的并不重要,重要的是英文不好的小伙伴们终于可以仔细看看vue3的composition-api的具体细节啦!

文档地址

https://composition-api.vuejs.org/zh/

首页

映入眼帘的就是这么一段标题,把不该翻译的都给翻译了,一度让我怀疑是不是用谷歌翻译的。
叫组合式API还真有点不太习惯,还有把RFC变成征求意见稿,乍一看还有点让人丈二的和尚摸不着头脑。

什么是RFC

相信许多小伙伴听到这个词之后一脸懵,因为这种全部都是大写的几个字母组成的单词一看就是好几个单词取每个单词的首字母大写拼成的,即使英语很好的人也无法凭借几个单词的首字母大写而判断出这是哪几个单词的首字母。除非你经常处于某些个首字母拼写的环境下,比如你很喜欢篮球,那么你一定知道NBA是什么、喜欢格斗的话,你肯定听过UFC(尤雨溪就是UFC铁粉)。不过更多的人是知道首字母代表什么大概的含义,而并不知道全拼,比如:NBA、CBA、UFC、MMA、CCTV等,大多数人知道的是NBA代表美国篮球赛事、CBA代表中国篮球赛事、UFC代表美国综合格斗赛事、MMA代表综合格斗这项运动、CCTV代表中央电视台等,但几乎很少有人知道他们的全拼。

RFC的全拼

RFC是由Requests For Comment这三个单词的首字母拼接而成,如果单看字面意思的话,它可以被翻译成请求评论,听起来依然不是很好理解,请求什么评论?就评个论还得低三下四的去求你?说好的言论自由呢?

其实,它还有另外一个比较高大上的翻译,叫做:征求意见书。这样的话就比较好理解了,咱们不止要自由,而且还要民主!

征求意见稿

既然知道了征求意见稿,那么就不得不提一下《vue3的设计过程》了,这个composition-api到底是基于什么样的一个想法去实现的?
官网都有详细的说明。

尝试使用

既然中文文档都出来了,就更没有理由偷懒说什么学不动了。

虽然有些人还是比较有顾忌,说是什么现在还是处于beta阶段不稳定,想等正式版出了再学。

但实际上现在的api已经趋于稳定,目前的工作也就是修修bug,不会出现什么增加个新的api或者修改一个已有的api,按照这个文档去学是不会有太大问题的。

这样的话提前会用总比vue3正式版出来了你才去学强吧!现在博客那么多文章说什么面试官问这问那的,如果你在简历上写着你已经熟练掌握vue3了这岂不是一个很大的加分项吗?

那么咱们就直接开始吧!

创建一个vue3项目还是很简单的:参考这篇《今日凌晨Vue3 beta版震撼发布,竟然公开支持脚手架项目!》

简而言之就是这么两步:

  1. vue create projectName
  2. vue add vue-next
  • 最好使用最新版的@vue/cli4脚手架
  • vue-cli2这种脚手架是不能够创建出来的
  • 记得升级一下vue脚手架

当然创建vue项目的时候,千万不要选typescript。

因为vue-next这个插件暂时还不支持ts项目。

好了,既然创建成功了,我在这里告诉你几点小知识你就可以参照文档去试试vue3了:

  • 主文件没有new Vue()了,取而代之的是createApp()
  • 所以说也就没法再使用原型链在vue根实例上挂载一些东西了
  • 取而代之的是依赖注入:provide和inject
  • vue3将provide和inject做了一定的增强,可以替代原型链挂载
  • 定义组件时如果只想用composition-api,可以使用defineComponent(_ => {})
  • defineComponent里面的函数就相当于setup函数

好消息,Vue3官方文档出中文版的啦!相关推荐

  1. chrome扩展官方文档(中文版)—— chrome 扩展的新功能

    传送门:chrome扩展官方文档(中文版) 原文地址:What's new in Chrome extensions Chrome扩展有什么新功能 发布于 2021 年 2 月 25 日,星期四 • ...

  2. chrome扩展官方文档(中文版)—— 开始

    传送门:chrome扩展官方文档(中文版) 原文地址:Welcome 欢迎 了解如何为 Chrome 开发扩展 2020 年 11 月 9 日,星期一发布 这些页面包含想要创建 Chrome 浏览器扩 ...

  3. 雷电网络REST API官方文档【中文版】

    雷电网络(Raiden Network)是以太坊区块链的链下扩容方案,Raiden节点的Restful API官方文档中文版由汇智网提供,访问地址:http://cw.hubwiz.com/card/ ...

  4. oclhashcat:离线hash密码破解工具官方文档(中文版)

    无聊中,就把hashcat的官方文档稍微翻译了下,方便初学的朋友查看.至于oclhashcat,它是一个离线的hash密码破解工具,与hashcat不同,它支持GPU破解,速度更快,并且支持更多的ha ...

  5. re python 引擎_转 python内置正则表达式(re)模块官方文档简要中文版

    学习正则表达式,最好的教材是<精通正则表达式>,而要精通NFA正则表达式,使用了NFA引擎的python正则模块官方文档就是最好的教材,大部分的功能同样在其他使用传统NFA引擎的正则包里受 ...

  6. chrome扩展官方文档(中文版)

    译者注 这里是 chrome 扩展官方文档 中文翻译版本 ,对应版本号「Manifest V3」.文章都是博主自个翻译校对的,方便大家学习. ⚠️ 再次说明!文章翻译的的 Manifest 版本为 V ...

  7. 喜大普奔!GitHub官方文档推出中文版

    原创整理 | Python开发者(ID:PythonCoder) 最近程序员交友圈出了一个大新闻,GitHub 帮助文档正式推出中文版了,之前一直都是只有英文文档,看起来费劲不方便. 这份中文文当非常 ...

  8. 喜大普奔!GitHub官方文档推出中文版啦!

    原创整理 | Python开发者(id:PythonCoder) 最近程序员交友圈出了一个大新闻,GitHub 帮助文档正式推出中文版了,之前一直都是只有英文文档,看起来费劲不方便. 这份中文文档非常 ...

  9. 第四期_Metasploit 基础(六)Meterprete《Metasploit Unleashed Simplified Chinese version(Metasploit官方文档教程中文版)》

    翻译者说明1:本文为Metasploit Unleashed中文版翻译.原文链接:https://www.offensive-security.com/metasploit-unleashed/ 翻译 ...

最新文章

  1. jquery 判断一个对象是否存在
  2. 详解JavaScript中的this
  3. DL之VGG16:基于VGG16迁移技术实现猫狗分类识别(图片数据量调整→保存h5模型)
  4. 认识 UART 接口
  5. yum-utils离线安装包下载地址
  6. 零基础学Java需要先具备的三项技能
  7. 徐小平:全员拥抱区块链是内部分享 1比特币寻泄密者
  8. React开发(125):ant design学习指南之form中的hasFeedback
  9. ios上input框上边有阴影
  10. 工信部:手机预装软件下月起须报备审核
  11. Sublime Text 3 汉化小技巧
  12. 新入职朋友说话时,一定不要用“你们”,用“咱们”
  13. 现在的自助建站都有什么特点。
  14. 电脑开机是哪个键 电脑常用快捷键盘点
  15. 被裁掉的大龄程序员,为什么不联合起来成立一个专收大龄程序员的公司?
  16. groupby分组聚合和运算2
  17. php上传禁止php_文件上传限制绕过技巧
  18. 网页设计之标题栏显示当前系统日期
  19. python输入名字配对情侣网名_输入姓名配对情侣网名,情侣网名名字配对
  20. Windows DPC详解

热门文章

  1. 第二次作业:微信实例分析
  2. 在微信朋友圈常见的H5要如何制作?
  3. 禁止input密码自动填充及浏览器记住密码完整解决方案
  4. 滑动验证码自动化实现(1)
  5. 【ArcGIS 】ArcSWAT for ArcGIS 10.2下载安装(新手指南)
  6. 平面向量加法 (15 分)
  7. onedrive学生账号无法登录win10 OneDrive客户端[账号密码错误]
  8. SAP小磁带备份注意事项
  9. booting过程介绍
  10. 工作压力不容忽视——网易公司宣布首席执行官孙德棣18日辞世