Vue3.2新出的Expose用法有哪些具体应用场景？

本文共计1609个文字，预计阅读时间需要7分钟。

目录 + 组合 + API + App.vue + MyCounter.vue + 选择API + 组合API + 渲染功能 + 总结 + 随着Vue 3.2的发布，一个新的组合工具提供给我们，称为expose。你是否曾经创建过需要向模板提供方法和属性的组件？

目录

• 组合 API
• App.vue
• ** MyCounter.vue**
• 选项API
• 组合API 渲染功能
• 总结

随着Vue 3.2的发布，一个新的组合工具提供给我们，叫做expose。

你是否曾经创建过一个需要向模板提供一些方法和属性的组件，但又希望这些方法对组件是私有的，不能被父类调用？

如果你在开发一个开源的组件或库，你有可能想保持一些内部方法的私有性。在Vue 3.2之前，这并不容易实现，因为所有在选项API中声明的方法或数据等都是公开的，所以模板可以访问它。

组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。

组合 API

让我们看一个实际的例子。想象一下，我们有一个组件，它创建了一个计数器，每一秒都会更新这个计数器。