Vue3 defineExpose 暴露子组件内部属性和方法的API

defineExpose

应用场景: 主要用于在子组件中公开方法和属性,以便父组件可以访问和调用

暴露子组件的方法(控制子组件的操作和触发特定功能)

例如,你有一个子组件需要提供一些公共的操作接口,父组件可以通过这些接口来控制子组件的行为。

暴露子组件的状态

例如,你需要让父组件访问子组件内部的状态(如某个变量)。这在子组件需要被外部控制时很有用,例如表单组件的值或状态。

与composition API 配合使用

允许你定义和暴露组件内部的逻辑,而无需使用传统的this关键字。使得组件逻辑的封装和暴露变得更加灵活和明确。\

ref ="h1Ref" , ref = "comRef" 是模板引用。 

猜你喜欢

转载自blog.csdn.net/qq_55111117/article/details/141350532