前言

最近 ref 的语法糖引起了极大的争议，很多人也是没看 RFC 就直接开喷，虽然我也不喜欢这种语法，但还是有必要让大家看一看在 GitHub 上的提案，看看国外开发者们普遍都是些什么态度，是否和我们持有同样的观点，提案是 RFC 228，但 RFC 228 其实是为了方便与另一个提案区分开而新开的，原提案是 RFC 222，它最终被分解成了 RFC 227 和 RFC 228，所以咱们先从 RFC 222 开始翻译。

译文

尤雨溪

简介

在单文件组件(xxx.vue)中引入了一个新的 script 类型：<script setup> ，这种写法会自动将所有顶级变量声明暴露给 <template> 使用。
介绍一个基于编译器的语法糖，这种语法糖可以在<script setup>中让你的 ref 不用再写 .value 属性了。
注意，本提案意在代替 RFC 182 提出的 <script setup> 写法。

基本用法

<script setup> 直接向 <template> 暴露顶级变量

⚠️译者注: 顶级变量就是没声明在块级作用域里面的变量

<script setup>
// 引入的 Foo 组件可以直接在 template 里使用了！
import Foo from './Foo.vue'import { ref } from 'vue'// 就像在普通的 setup() 中一样编写 Composition API 代码，
// 无需手动返回所有内容
const count = ref(0)
const inc = () => { count.value++ }
</script><template><Foo :count="count" @click="inc" />
</template>

[译]尤雨溪: Ref语法糖提案相关推荐

Vue 新 ref 语法糖提案引热议尤雨溪回复
近日,Vue 发明人尤雨溪在 Vue RFCs 下提交了一份新的 Ref 语法糖提案,该提案一经发布便引来了不少争议. 提案内容这份提案就是在单文件组织(SFC)中引入一个新的script 标签写法 ...
尤雨溪介绍 Vue 3：语法不变、TS 支持很好、2.0 系列还会发一个版本
此前 Vue 发布了 3.0 的 beta 版本,不久后项目核心开发者尤雨溪公开分享了关于该版本的相关信息. 首先,beta 阶段意味着: 已合并所有计划内的 RFC 已实现所有被合并的 RFC Vu ...
【译】听尤雨溪聊：下一代前端构建工具 ViteJS 中英双语字幕
原视频地址:Next generation frontend tooling with ViteJS ✨ Open Source Friday ✨[1] 中英文字幕视频地址(B站):[译]下一代前端工 ...
尤雨溪回应：Vue与TypeScript为什么相性特别差？
近日,有开发者在知乎上提出了一个问题:"TypeScript 不适合在 vue 业务开发中使用吗?",Vue的作者尤雨溪针对这一问题发表了自己的看法,也解释了Vue 3.0选用Ty ...
学习尤雨溪写的 Vue3 源码中的简单工具函数
大家好,我是若川.最近组织了源码共读活动.每周读 200 行左右的源码.很多第一次读源码的小伙伴都感觉很有收获,感兴趣可以加我微信ruochuan12,拉你进群学习. 初学者也能看懂的 Vue3 源码 ...
尤雨溪：重头来过的 Vue3 带来了什么？
作者:尤雨溪,翻译:CSDN 英文原文:https://increment.com/frontend/making-Vue-3/ 在过去的一年里,Vue 团队一直在开发 Vue.js 的下一个主要版本 ...
尤雨溪：重头来过的 Vue 3 带来了什么？
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 尤雨溪译者 | 苏本如,责编 | 屠敏出品 ...
Vue 3的设计过程（翻译自尤雨溪原文）
转载声明:本文翻译自尤雨溪微博链接原文,主要介绍了Vue 3的设计过程.对原文感兴趣的可查看原文(英文版):The process: Making Vue 3.翻译不当之处敬请参考原文予以纠正. Vu ...
尤雨溪自述：打造Vue 3背后的故事
尤雨溪在今年年初Vue 3正式发布之前撰写了这篇长文,详述Vue 3的设计过程.前端之巅将全文翻译如下,希望能帮助你更好地了解Vue 3背后的故事在过去的一年中,Vue 团队一直都在开发 Vue.j ...

[译]尤雨溪: Ref语法糖提案

前言

译文

尤雨溪

简介

基本用法

[译]尤雨溪: Ref语法糖提案相关推荐

最新文章

热门文章