Vue.js: The Documentary

我大学一毕业就加入了谷歌，并到帕森斯设计学院进修艺术研究硕士学位 我学习的是科技与设计项目，它涵盖了编程、设计和新媒体艺术 正是在那个时候我自学了JavaScript 我开始用JavaScript进行创作，我为谷歌浏览器开发了一些实验性的互动场景 把它们放到了我的作品集中 还有就是在我大学时我还开发了一个克隆版的Clear应用，不知道你有没有听说过 它是一个有着很新颖的手势操作的待办事项应用程序 我觉得它应该算是“滑动来完成”手势操作的开拓者了 所以我就在网页上重置了他的大部分功能 它在黑客新闻（Hacker News）上火了起来，被很多网站报道了 这件事让谷歌的招聘官注意到了我 那时候谷歌有很多为谷歌浏览器开发的实验性场景，包括一些3D动效 2D的物理效果和可视化的处理等，都是在我们用的浏览器上实现的 这在当时是前所未有的 它真的体现了JavaScript的强大，不知什么缘故我就接到了谷歌招聘官的电话 她说，你有兴趣加入我们的创新实验室吗，作为我们招收的五人之一 我当时真的不敢相信，我都没给他们发我的简历 就直接有人给我打电话让我加入谷歌，那我为什么不去呢 我真的超级激动 我也很高兴

我不用搬家，工作场地就在纽约 这就是我工作的地方，我其实是和另外四个人一起加入谷歌的 我们都是刚毕业的学生，他们每年都会选一小群毕业生到这里来工作 工作两年多，做一些有意思和实验性的项目 我之前的工作室就在那上面，第16层 上面的景色超级棒，我们在下面都看不到，但是相信我 景色非常好，他们让我们做一些非常有意思的项目 实验性的项目，稀奇古怪的点子，比如说，十年后的搜索界面是什么样子的 或者如果整面墙都是可以互动屏幕的会怎样 如果谷歌能够听懂你说的每一句话 讽刺的是这件事现在几乎已经成为现实了 我们要做出一些关于这方面的概念视频和 这种交互操作的原型，在2012年。在很长的一段时间内，我都在用 原生的JavaScript来手写这些原型 因为这些原型不会使用传统的UI界面，他们需要很多特殊的处理 这些处理手段在如今普通的应用中很难见到 我尝试着去用一些现有的框架进行开发 但是很多时候我发现他们不能解决我的问题 我使用的第一个框架是Backbone Backbone更像是一个为应用搭建的结构，他不会帮助你控制视图 尽管Angular提供了数据绑定，能将视图和数据状态同步起来 但它太约束你写代

码的方式 所以它也不能很好的处理我正在进行的工作项目 因为这些项目很注重交互而不是如何成为一个完整的应用程序 我开始思考如何才能让我的工作变得更高效 就在那时我开始想或许我可以自己开发一个我自己的框架 最初我的目标就是开发一个非常简单专一的工具 仅仅就是同步DOM和一些JavaScript对象，这是最初的想法 在这个初始项目有了一点人气之后 我们开始扩大开发范围，一点点加入一些新功能到这个生态环境中去 最终使他变成了一个框架，我觉得我对Vue.js进行的首次提交是在 或许是2013年的6月份，它刚开始的名字是Seed.js，我当时想不到一个更好的名字 其实当时Seed.js在NPM上已经被占用了，当我要在NPM上发布的时候 我发现，哦，这个名字已经被用掉了。所以我只能再想一个 我觉得，嗯，这是一个视图（View）的框架，但是就叫他View的话有点太直接了 所以我就把“View”放到谷歌翻译里面 然后我找到了它法语的翻译，只有三个字母，看起来很好 也没有在NPM上被占用，所以我就用了这个名字 我基本上就是为我自己创建的这个框架，所以我的期望是，我希望 开发出一个我自己喜欢的框架，这也是我

为什么要做这个框架的原因 我当然还在谷歌创意实验室工作，所以我把它发布成了我的私人项目 应该有几百名用户，我觉的有几百个 GitHub的星星，给了我很多初始用户 （你有没有想过你会通过这个赚到钱） 完全没想到，当我出版的时候，并不是真的在说 我想将其发布为一个可持续的项目，就像 一个音乐爱好者为了乐趣而做一个专辑，你知道那种感觉 不是为了赚钱，你发布这个音乐 只是因为你享受创作它的过程，并且你希望其他人能听到它 所以开发Vue.js的过程就像是一个途径像是 我在做一个人们在真实世界中真的会用到的东西 相比我在谷歌创意实验室的工作来说，我们把做的东西给经理们看 但谁知道这个东西什么时候会变成现实呢 所以我有一种冲动，要开发一个人们真正会用到的东西 我当时并没有想那么多，但有一个热门的 开源项目会帮助找到下一个工作 这就是我加入Meteor的方式，他们基本上很倾佩我 在Vue上做出的工作，所以他们直接跳过了面试的过程 当场就给了我工作，所以我很高兴 这才是你进行开源项目工作获得的真正的好处之一 当我在Meteor工作的时候，我仍然在持续的开发Vue.js 因为我觉的它在那时就像我的孩子一样

， 如果你看我的提交记录的话，你会在Github上看到一个非常绿的图表 因为我每个周末都会完成很多提交 当时进行更多的工作也越来越有必要了，因为Vue的用户越来越多了 Vue一直在成长所以会出现更多的问题，更多的Bug要被修复 就在那段时间，Taylor发了一条推特提到了Vue.js 那是2014年，Taylor Otwell 是Laravel的作者 Laravel是一个非常流行的PHP框架，或许是现在最流行的PHP框架 在Taylor发那条推特之前，我对Laravel都不是很熟悉 他那天在推特上说，目前学习React的状态： 迷惑，我认为，或是不知所措，我不记得他用的详细的单词 但他说React很难而且他正在学习Vue.js 因为Vue看起来很简单，看起来这不像是一个正式的对Vue的认可 他只是在说我正在学习Vue.js 然后很多人开始问他：你觉得Vue怎么样 它好用吗？ 基本上在每一条回复中，他都说，没错，它很棒 这开始看起来像是一个对Vue公开的认可，然后所有的Laravel用户就会想，哇 如果Taylor喜欢Vue，那它肯定很好呀，所以我们也应该试一试 所以我们就获得了很多来之

Laravel社区的用户 感谢大家来参加Laracon US 2019，这是我们第7届，也是最大的一届Laracon 我当时在网上查找一个JavaScript框架来 开发这个叫Laravel Spark的产品，它是一个快速开发脚手架 帮助你开发你自己的软件和服务体系 帮助人们启动他们自己的生意，就像我一样，我感觉到不知所措 我看了其他的框架，他们有复杂的编译流程 需要很多工具才能起步，我尝试了Vue.js发现 你可以用Windows笔记本就能写出一个简单的网页应用 你不需要其他的编译工具，仅仅需要 添加一个CDN链接，写几句JavaScript，你的网页就跑起来了 对于我这个不是很熟悉JavaScript的人，至少可以说 这么简单就可以实现那么多功能，真的让人耳目一新 而且还不需要学习很多其他的工具，我记得我发布了一条推特说 我发现了这个很棒的新玩意叫Vue.js，像我一样的新手 都可以写出JavaScript应用程序，真的很令人惊叹 因此我们为Laravel Spark采用了Vue.js，最后产生了，你知道的 为Laravel带来了超过一百万美金收入 成千上万个用户搭建了他们自己的生

意 所以这真是一件对Vue.js和Laravel都很棒的事情，帮助简化了，不知道多少 使用Spark搭建的业务，都同时运用了Laravel和Vue.js 有请Evan You 这都发生在我决定全职开发Vue.js之前 在那之前Vue.js还处于只是在前端社区中比较有名的阶段 我还没想过要将它作为我的全职工作 甚至是从中赚钱，直到我学习到Taylor的做法之后 我才知道Laravel是那么庞大，我意识到，或许我真的能干点东西出来 但开始有人发起帖子和讨论说 我到底该用哪个？我应该用Vue.js吗？你能看到的很多的回复都是 不要用，因为它还是起步阶段 它不稳定，它仅仅由一个人维护着，天知道它什么时候就消失了 我想证明这些人是错误的，我只是想 让Vue.js变成一个V1.0版本的可生产的框架 所以我花费了我整个2015年的假期，然后用3个星期的时间把所有东西都开发好 更新文档，然后在2015年10月，我们发布了1.0版本 当时Vue.js刚刚发布了1.0版本 还不存在像今天这样的核心团队，只有Evan和 Chris Fritz 和另外一个人，我不太记得了 他们都忙着弄好文档和修复Bug 在1

.0发布之后，论坛就像是一个荒地 我就到论坛里去回答很多的问题 我在论坛里非常的活跃，我了解到很多 人们在他们项目中遇到的问题，我都在我空闲时间里干这件事 持续了三到四个月之后，Evan了解到了这个情况 他就给我发了一个Slack邀请，之前我们从未交流过 我也没开启任何问题讨论，没提出合并请求 我没在代码上做出任何贡献 但我从一开始就注意到Vue.js框架不仅是正确的编码 不仅是一个库，还需要一个描述它工作原理的文档 帮助你解决问题，它应该是我们需要的能想到的最好的文档 我们必须要扎身到社区中去 我们需要额外的工具和支持，这就是 我被邀请到Vue团队的原因，因为我慢慢成长为社区领袖 我也确实加入到了Vue的核心团队 即便在没有对代码和内容作出贡献的情况下 不过之后我为了我所谓的自尊心 我学习了源码，研究了一些代码库，看了一些问题 然后开始四处作出一些贡献 我认为在1.0版本之后，我开始尝试着进行全职工作 或者这个东西还真能给我一些收入 让我能够把它当作一个全职工作，这时我开始觉得 我在Meteor和我在Vue.js上的工作存在一些差异 在Meteor我只是一个普通的开发者，我没有做决策

的权利 虽然我可以提出建议但 我还远没到那种，说我们应该怎么做的那种地位， 这让我对Meteor的发展有一些悲观 相比之下，Vue.js一直在快速成长 我注意到用Meteor的人比较少，而用Vue.js的人越来越多 所以那时我就觉得 或许把Vue.js作为我的全职工作是值得的 我叫Scott Tolinski，来自科罗拉多州丹佛的全栈工程师 像往常一样，Wes Bos和我在一起，你好呀Wes，嘿，你好 我还准备来一个搞笑的自我介绍，就像夜间机器人博客，搞一整天，走起！ 我盗用了你的玩笑，谁让你把它写在了笔记本上，所以我直接拿来用了 这集我们要讲到，发布一个React库... 人们一直要求我做一个Vue.js的教程 自从它火起来之后，嘿，你好，我是LevelUp教程的Scott 在这个系列的教程中，我们会讲到所有关于Vue.js的知识 Vue.js出现的正是时候，因为很多人从Angular一代出现或更早之前就开始用Angular 人们都觉得Angular一代很简单 但当Angular二代推出的时候 它几乎是一个完全不同的版本了 那个时候React也正在被推出，所以很多开发者 开始用Rea

ct，他们觉得React是个能够登上前端宝座的新东西 但这些开发者就会失去使用Angular一代的那种简单，轻松的感觉 就会感觉到有一种差距 这个由Angular一代的缺失而导致的大洞 Vue.js正好在这个时候出现了，它填补了一个空白 因为人们想要更低的入门门槛 还想要React的这种强大和灵活性 而这就是Vue.js的强项了 它吸取了多个框架和平台最强的部分 自从我有了全职开发Vue.js的想法 我在探索能让我经济上独立的办法 我做的第一件事就是设立一个Patreon账号，结果发现还真的不错 我记得在我建立那个账号不久之后 就能拿到2000美元一个月 然后我有个朋友叫郭达峰 他是“上线了（Strikingly）”的CTO，一个YC投资的公司 他的公司有个小基金用来支持开源项目 纯粹是出于做好事的想法 如果我能拿到这个支持的话，我就真的可以辞掉工作 并开始全职开发Vue.js了 这就足以让我迈出这一步 至少去尝试一下 我在CSS-tricks工作，是一个写手，我问Chris Coyier 我觉的我要写一篇关于Vue.js的文章，他说听起来不错 所以我开始写关于Vue.js的一篇文章，

感觉要写挺长的 我就问，什么情况下一篇文章需要分为一个系列来写 他说，什么时候你觉的你需要写一个目录的时候 那个时候我们就该分开写了 这个时候我写的谷歌文档就已经有25页长了 然后我写完了最好一章，动画 最后就有了一个共有五篇文章的一个系列 我接着不断的写关于Vue.js的东西，下个月我写了更多的文章 然后做了一些Demo和一些开源项目 我觉得从那个时候开始，我就对这个框架感到非常激动，我想要投资更多的时间到其中去 所以Evan和Chris Fritz就邀请我和他们一起制作文档 同时进行一个新的项目叫cookbook，然后我就开始 领导cookbook项目并且加入了Vue.js核心团队，现在我帮助运营Vue文档的见面会 Vue团队的见面会 我真的很喜欢和这个团队一起工作 在家里工作绝对是非常自由的，你可以自己定制时间表 除去不需要通勤的第二大好处可能就是 你不需要穿的像Tom Dale一样 想象一个在中国的人想要学习一个新的框架 他们去官网发现只有英文的文档 如果这个框架本身就非常难懂的话就更糟了 他们就会很难学会这个框架 但当他们到Vue.js官网的时候发现这里有中文版的文档 他们读

了一下发现文档是由母语是汉语的人写的 一些技术性的内容直接用汉语表达的话会有些奇怪 因为你必须对技术名词想出一些很好的译名 比如说绑定（binding），引用（reference）或视图模型（view model） 有些东西你甚至都翻译不了 因为汉语是我的母语然后英语版本的文档也是我自己写的 所以我能够改写一些术语，让它的汉语翻译更自然 这种语言上的熟悉让他们能够读懂你的框架 比他们用自己不熟悉的第二语言来学习要快的多 制作这样的中文文档 绝对帮助提高了Vue.js在中国的使用度 在中国，很少有人在科技界很知名 所以在中国，人们把Evan看作是一个英雄 一个中国开发者开发的人人都喜欢的框架 这在中国真的很不寻常 我们看不到有人能在开源项目上对世界作出这么大的影响，不仅仅是在中国内部 Evan，他是世界顶尖的，而且他还是中国人 所以我觉得这就是他有这么多中国粉丝的原因 他是一个中国人，当中国人看到这一点的时候，他们觉得自己是这其中的一部分 觉得自己是Vue社区的一部分，这是一种很真实的感觉因为 他们与Vue的创始人是联系在一起的 Evan为中国社区的作为创造了一种强大的现象 它在中国的开

发者之间建立了一种强大的联系 每个人都希望成为这个群体的一员，它让你感觉很棒 当你是这个群体中的一员时，Evan能融入这个群体， 这种力量是非常强大的，这是他能在中国成功的巨大原因 它能够融入到这个群体中真的很惊人 那个时候移动网络非常的复杂并且不稳定 尤其是在中国，很多人还在用GPRS数据 所以我们尝试搭建一些新的 小体积高性能框架，帮助我们开发成千上万个网页 来支持千万级别的流量，这个量是非常非常大的 我在Github发现了Vue，所以我们的故事就开始了 他邀请我到阿里巴巴园区，做一个小的科技讲座 介绍Vue背后的基本想法 我是怎么开始做它的，用Vue的好处到底是什么 相比一些手写的jQuery 他们花费了很长时间，一年或一年半，一些开发者终于接受了Vue 并开始使用它，现在越来越多的人都在用Vue 在那之后，阿里巴巴也越来越多的用Vue了 人们也开始对Vue.js有更多的了解，因为我在知乎上的存在 同时也因为Vue.js在中国以外也获得了更多的关注 这些消息也反向流回中国 人们才发现有一个新的框架叫Vue.js 事实上很多人都是以一个开源项目的身份认识到Vue.js，然后他们才意

识到 原来这是一个中国人写出来的 我们主要是在我们的企业管理应用上使用Vue.js 像是谷歌的AdWords，我想为什么不参与到Vue.js其中呢 它在发展，它是潮流，中国开发者不仅仅把他当作一个开源项目 开发者，而是一个 开源项目领导者 我很熟悉Ember.js，而Vue.js看起来和它很像 所以我开始用Vue.js写一些东西，确实起作用了，我感觉它像是 我已经学过的东西，Vue.js有非常高质量的中文文档 帮助了很多入门级的工程师进行开发 我们用它来开发生态系统，社区，我觉得这就是它这么流行的原因 在中国我们有很多的软件工程师，但是我们没有一个像他那样的巨星 在软件工程领域，不光是Vue.js，在所有软件开发领域 我们都有一个概念叫做“终身仁慈独裁者” 描述有些人是项目行动策划的关键大脑 来推动项目的前进，它并不意味着， 有些人把它搞混了，认为这意味着没有其他人为这个项目而工作 这完全是错误的，你可以看到有非常多的人在 为Vue.js和Vue核心而共同工作 它确实意味着它背后有一种推进力量 我觉得当存在一个像Vue.js这样不是产自大公司的项目 是有好处的因为它的内容是非常真实的

我们得到的好处就是，我们不是被某一个公司推动的 这意味着不是大公司在指定规则 是人们 Evan有一个总体的巨大的图景 Angular和React是由大公司搭建起来的 从一开始就有很多人参与其中，它们像是被一个委员会设计的 但对与Vue.js和Evan来说，在他大脑中有一个单一的图景 他希望创造这个整体的框架 我觉得这对于创造一个非常好的产品是非常重要的 这也是Vue.js如此成功的原因 前端市场被脸书的React统治 Angular是谷歌的，然后就是我们 像是一堆书呆子做他们自己的框架，完全是因为他们想做 它给人的感觉不像是一个公司，这样的话会让人更激动 更多像是民间的，光是这种想法就足以 让人们感到兴奋，让人们想去使用它 Vue.js仍然在成长，它不是在推翻前端领域成为统治者 这不是它的目标，我们只是很高兴能为这个项目而工作 我们很高兴看到它的成长，也对它未来的发展感到很激动 我也不是很确定 但我很自豪当初迈出了那一步 离开了早9晚5的工作，并开始投身与 我真正热爱的事业上去 有时候我会看着那些星星，我们有了那么多用户，那么多的下载 但是什么给了我最大的成就感和满足感呢 是每次我看到

这些人们 尤其是在结束一场集会之后，人们会走过来对我说 他们会通常握着我的手说谢谢你，Evan 谢谢你让我的生活变得更轻松 就是这些场景 让我觉得，这就是我开发Vue.js的原因，我创造了这个东西 我把他分享给人们，希望它能让人们的生活变得更轻松 人们向我走过来，感谢我做出了这个东西 这也算完成这个循环了 成千上万个欧洲开发者在honypot上找到了工作 如果你也想在这些欧洲城市中进行一些新的挑战，注册成为honeypot买家 你就能看到更多的科技纪录片，记得点击关注，这样你就不会错过下个视频了