好消息,Vue3官方文档出中文版的啦!

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

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

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

固然是否是他翻译的并不重要,重要的是英文很差的小伙伴们终于能够仔细看看vue3的composition-api的具体细节啦!vue

文档地址

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

首页


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

什么是RFC

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

RFC的全拼

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

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

征求意见稿

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

尝试使用

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

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

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

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

那么我们就直接开始吧!插件

建立一个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函数
相关文章
相关标签/搜索