VueConf21大会介绍：裕达提到脚本设置语法！

作者：MattMaribojoc译者：前端小智来源：stackabuse有梦想，有干货，微信搜索【大千世界】关注这位大清早还在洗碗的洗碗智慧。本文已收录到GitHubhttps://github.com/qq449245884/xiaozhi，里面有完整的测试站点、资料和我的一线厂商访谈系列文章。如果你最近一直在使用Vite和Vue3，你会注意到Vue组件中使用了这种语法。如果我们使用不仅是数据，还有计算属性和方法，甚至指令和组件也自动在我们的模板中可用。这很神奇。那么有什么意义呢？长话短说，这种语法使单个文件组件更简单。在RFC的原话中，“该提案的主要目标是通过将通过这3个导入，我们可以获得传统设置方法的常用功能。创建异步设置方法脚本设置语法的另一个很酷的特性是创建异步设置是多么容易。这对于在创建组件时加载api很有用，甚至可以将代码绑定到函数。我们所要做的就是使我们的设置函数异步，在我们的脚本设置中使用顶级等待。例如，如果我们使用FetchAPI，我们可以像这样使用await这样setup()函数将是异步的。使用块来完成，如下所示。总结了目前，这个脚本设置是可选的，所以如果你想尝试它，只需在脚本标签中添加设置。要了解有关脚本设置的更多信息，请单击此处，链接到完整的RFC及其动机、准确的语法和更多技术实现。代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文：https://learvue.co/2021/05/ex...交流有梦想，有干货，微信搜索【大招天下】关注这位前期还在洗碗的洗碗大智慧早晨。本文GitHubhttps://github.com/qq44924588...已收录，有完整的测试站点、资料和我的一线厂商访谈系列文章。