如何使用Vue Composition API / Vue 3观察道具的变化？

14 浏览
0 Comments

如何使用Vue Composition API / Vue 3观察道具的变化？

虽然Vue Composition API RFC 参考网站中有关于watch模块的许多高级用法，但没有关于如何监听组件 props的示例。

在Vue Composition API RFC 的主页或vuejs/composition-api 的 Github 页面中也没有提到。

我创建了一个Codesandbox来详细说明这个问题。

编辑：虽然我最初的问题和代码示例是使用 JavaScript，但实际上我正在使用 TypeScript。Tony Tom的第一个回答虽然有效，但导致了类型错误。Michal Levý的答案解决了这个问题。所以我之后将这个问题标记为typescript。

编辑2：这是我对这个自定义选择组件的响应式连接的精简版本，在上（除此之外是通用实现，但这个底层组件根据是通过编程或用户交互进行更改来发射@input和@change事件）。

0