vue3 defineexpose

作者：潮起潮落发布日期:2025-05-16 浏览:67

<template>
  <div>
    <!-- 组件模板 -->
  </div>
</template>

<script setup>
import { ref } from 'vue'

// 定义一个内部变量
const count = ref(0)

// 使用 defineExpose 暴露 count 变量给父组件
defineExpose({
  count
})

// 解释说明:
// defineExpose 是 Vue 3 Composition API 中的一个宏，用于在 <script setup> 中明确地暴露组件的属性或方法给父组件。
// 在这个例子中，我们将 count 变量暴露给父组件，使得父组件可以通过 ref 引用的方式访问到子组件中的 count。
</script>

上一篇：vue3 axios

下一篇：vue store