Vue 3.0 Function-based API RFC（中文）

于 2019-10-13 16:57:55 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： 大前端技术 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duninet/article/details/103047041
版权

Vue3.0源码公布后，前端er又手忙脚乱了。。。

Function-based API 的意思是基于函数的 API，Vue2.x 是基于选项的API，Function-based API 灵活性大大增强，更高的灵活性意味着对JS需要更高的要求了，Vue3.x 借鉴了很多 React.js 的特性，前端框架以后会朝着同一的优秀体验的目的而逐渐趋于统一吗？

通读了一遍 RFC，发现 Function-based API 的写法跟 2.x 时代基于选项的 API 写法刚开始还是有点懵逼的，这需要适应，最惨的是以后前端要同时会 Vue.2x 和 Vue3.x（幸好AngularJS 在国内基本败退了），毕竟2.x是目前最流行使用最广的版本，大量项目可能不能及时升级到 3.x 上来，同时，Vue3.x React 化意味着 React 我们也必须要会了，不然从 React 程序员转 Vue.js 抢饭碗那时很容易的，Typescript 也必须要会来，这么一来，因为 Vue3.x 前端特别是只会 Vue.js 的前端负担瞬间加重了，你还学得动吗？

640?wx_fmt=jpeg

Vue 3.0 Function-based API RFC（中文）

 Vue3 Composition API Cheat Sheet（中⽂版）

博客
如何为开源项目做出贡献——你应该知道的非技术性的事情
12-21 360
GitHub 上的标签是传递问题或 pull request 类型或状态信息的标签。是项目所有者和维护者认为适合初学者使用的标签。我曾经创建了一个关于链接断裂的问题，我解释了这个错误以及贡献者必须采取的解决步骤。我还提到这个问题是新手友好的，所以我们想把它留给那些希望为项目做出贡献的新手。在通过维护者的审查后，这个问题被标记为。可悲的是，那些故意挑起这个 issue 的人并不是新手。如果您已有一定的经验，请考虑离开此标签。该标签适用于开源或项目所用技术的初学者。
博客
第1章 什么是 Micro SaaS？
10-07 702
就我而言，我能够启动我的 Micro SaaS 应用程序作为副业，最终在我扩大规模后，我能够辞掉朝九晚五的蹩脚工作，过上 Micro SaaS 自由的生活！关于浏览器扩展的最后一点 - 作为 W3C 社区于 2015 年创建的浏览器扩展 API 标准化计划的结果，您可以在主要浏览器之间移植您的扩展/附加组件，而无需重新编写您的应用程序。在经历了构建应用程序的旅程，直到我可以辞去日常工作，然后扩展和销售它们时，我觉得我处于一个很好的位置，可以与世界各地的软件开发人员分享我的知识。
博客
突破内卷！写业务代码中的成长机会
03-20 803
写业务代码有成长机会吗？关于这个问题，答案非常肯定：必须有成长机会。对于大部分公司而言，能够写底层代码或者中间件代码的人总是有限的，写业务代码会面临更高的复杂度。这里分三个层次来看其中的成长机会。第 1 个层次，让代码写得不一样。可从代码规范、可读性、可扩展性等角度着手，这也是程序员的基本功。第 2 个层次，考虑业务问题和技术问题的匹配。可从写业务代码中理解需求，- 并做好分析与设计。被动接...
博客
为什么你的下一个项目应该使用 NextJS 而不是 React？
09-18 1596
服务器端渲染（SSR）是服务器在每次请求时生成网页完整 HTML 内容的一种方法。这与客户端渲染（CSR）形成鲜明对比，后者是由浏览器获取最小的 HTML 文档，然后由 JavaScript 来动态渲染内容。可以把 SSR 想象成服务器是一位尽心尽力的大厨，在美食上桌前精心准备，而 CSR 就像一位家庭厨师，需要在厨房里把饭菜一件件组装起来。
博客
Flutter 中的低功耗蓝牙概述
09-07 1525
希望本文能对您编写蓝牙低功耗 Flutter 应用程序有所帮助。蓝牙低功耗技术成本低、易于部署，而且可与基于互联网的应用程序连接，对延长消费电子产品的电池寿命有积极影响，因此绝对值得使用。
博客
关于 Flutter 中 Mounted 属性您需要了解的一切
08-29 544
Mounted 属性是 Flutter 框架在 State 类中提供的布尔标志。它指示状态对象当前是否在小部件树中。创建 State 对象之后、调用 initState 之前，框架通过将 State 对象与 BuildContext 关联来“mounted”该对象。State 对象保持挂载状态，直到框架调用 dispose，之后框架将不再要求 State 对象再次构建。换句话说，当一个 widget 从 widget 树中删除时，其关联的状态对象也被删除，并且 mounted 属性被设置为 false。
博客
2024 年 GitHub 上的十大 Flutter 仓库
08-27 1067
根据 2022 年 StackOverflow 调查显示，Flutter 是最受欢迎的跨平台工具之一。自发布以来的 16 个月内，已有超过 200 万开发者采用了 Flutter。在本博客中，我们将浏览 GitHub 上可用的顶级 Flutter 存储库。除了每个存储库之外，还提供了对其优缺点的深入了解以及 GitHub 链接，可帮助您了解它们如何在应用程序开发领域使您受益。
博客
2024 年顶级 Flutter UI 框架和库
08-25 7344
根据 2022 年 StackOverflow 调查显示，Flutter 是最受欢迎的跨平台工具之一。自发布以来的 16 个月内，已有超过 200 万开发者采用了 Flutter。在本博客中，我们将浏览 GitHub 上可用的顶级 Flutter 存储库。除了每个存储库之外，还提供了对其优缺点的深入了解以及 GitHub 链接，可帮助您了解它们如何在应用程序开发领域使您受益。
博客
Lua：只有少数程序员知道的最简单、功能齐全的语言
07-30 413
创建一种简单易学的解释型编程语言并非难事。我们只需根据简单的语言规范，使用任何喜欢的编程语言编写一个解析器和语句运行程序。为了提高性能，我们可以使用基于字节码的执行系统，而不是像 Bash 解释器那样直接执行解析后的源代码。任何人都可以创造出简单易学的语言，但每一种易学的语言都不会成为有用的通用语言。例如，创建一种只支持基本算术运算的简单脚本语言，并不会成为一种人人都能用来编程的有用语言。大多数开发人员认为 Python、Ruby 和 JavaScript 是易于学习、简单且有用的语言。
博客
如何在 Flutter 中实现 2D 可滚动 TableView，探索 Flutter 中的二维可滚动项
07-14 545
Flutter 的预构建 widget 具有出色的性能，仅当子视图位于视图中时才延迟渲染子视图，从而提高了性能，但 Flutter 发布了一个新包来实现在垂直轴和水平轴上滚动的 TableView。在本教程中，我们将探索这个包来实现一个非常简单的 Tableview，并了解如何自定义它。您可以在这里找到完整的源代码。
博客
NuxtHub 测试版发布，一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法
07-05 278
翻译自：https://hub.nuxt.com/blog/beta我们很高兴地宣布 NuxtHub 的测试版发布，这是一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法。3 个月内拥有超过 700 名 alpha 测试人员和 3,000 个项目部署，我们很高兴地宣布 NuxtHub 现已进入公开测试阶段 ✨NuxtHub 是的扩展，可帮助您在 Cloudflare 帐户上以零配置构建全栈应用程序。
博客
CSS属性选择器具有不区分大小写的模式
06-21 468
今天，我偶然发现了 caniuse.com 项目的一期，其中提到了新的和即将推出的 CSS Level 4 选择器。
博客
了解并解决 Flutter 中的灰屏问题
06-15 1537
为了显示更用户友好的消息而不是灰屏，我们将策略性地在main函数中放置一行代码。该行充当预防措施，确保每当发生未处理的异常时都会显示自定义错误屏幕。
博客
在 Flutter 中正确处理文本缩放
06-07 895
本教程的结构首先介绍最简单且最有影响力的解决方案。后面的部分涵盖了较难实施且总体影响较小的解决方案，但它们对于解决特定情况很有用。
博客
我们如何利用 0 美元营销将 UX/UI 产品发展到 320k 用户
06-05 859
嘿 👋我是 Paul，的联合创始人。现在，我们是一个由7人（+少数兼职成员）组成的团队，试图将产品扩展到$ 1M + ARR。希望这些对您有所帮助，并祝您未来的产品好运！我决定与大家分享对我们有用的 12 个成长渠道，它们也会对你的成长之路有所帮助。
博客
每个前端开发人员都应该了解的软件工程原理
05-30 822
作为前端开发人员，我们常常专注于创建漂亮的用户界面。然而，我们必须牢记，美也在于内在，完美像素的方法也应转化为我们的代码组织和结构。在本文中，我们将探讨一些基本的软件工程原则，每个前端开发人员都应该了解并在自己的项目中应用这些原则。
博客
告别 Dart 中的 Future.wait([])
05-25 658
zipWith 扩展方法允许您将两个future的结果组合成一个类型化元组，从而无需手动转换。在此示例中，我们将合并两个future的结果：一个解析为字符串 “andrew”，另一个解析为整数 1984。该zipWith方法返回一个元组，(T, T2)其中T是第一个未来的类型，T2是第二个未来的类型。但是等等，还有更多！您甚至可以链接多个zipWith调用来组合三个或更多future// ...在此示例中，我们将三个 futures 组合在一起，从而生成一个嵌套元组。
博客
innerHTML 的新替代方案
05-22 1052
浏览器支持说明：所有浏览器都支持。setHTML仍在标准化中，仅在 Firefox 中可用。自版本 125 起在 Chrome 和 Edge 中受支持。浏览器最近实施了一种新的方法。这里的Unsafe意味着，就像innerHTML一样，它不执行输入清理。这种命名方式与以前的浏览器 API 并不一致：我们有innerHTML，但没有；有eval()，但没有，等等。但与老方法不同的是，它既有安全版本（setHTML），也有不安全版本（）–这就是命名的由来。
博客
我用 Flutter、React Native 和 Ionic 构建了相同的应用程序
05-16 740
在开始寻找最佳的跨平台移动开发框架的过程中，Flutter、React Native 和 Ionic 是让我印象深刻的。这三款产品很有吸引力，因为它们承诺在为多个平台使用单一代码库的同时提供良好的性能。为了开始冒险进入这个新世界，我创建了三个版本的移动应用程序，这些应用程序使用 API 并在屏幕上显示基本数据。这个想法很简单：构建一个应用程序，显示一个随机国家的详细信息。我以前在 Python 中做过类似的项目。让我们先深入了解一下我使用 Flutter 构建移动应用程序的经验。
博客
在 CSS 中使用 text-emphasis 来增强文本的趣味性
05-14 594
您可以更改颜色、大小、字体，甚至添加阴影和轮廓等效果。但最近，我了解到一个我以前没有听说过的时尚 CSS 属性，它非常棒！属性是一种有趣的方式，可以增加对文本的强调，并可用于为您的设计增添趣味。大多数现代浏览器都支持它，因此您可以立即开始使用它来使您的文本脱颖而出！属性组合的简称，可以为文本添加强调标记。这些标记可用于以各种方式突出显示文本，例如在文本上方或下方添加点、圆、双圆或文本。您甚至可以使用表情符号来强调文本。您也可以使用字母来强调文本。这将在文本顶部添加一个点，如下所示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值