标签: vue

🚀 传统做法示例

假设有一个子组件 ChildComponent.vue，需要向父组件暴露两个属性 props1 和 props2，并实现双向绑定：

<!-- ChildComponent.vue -->
<template>
  <div>...</div>
</template>

<script setup lang="ts">
import { computed } from 'vue';

const props = defineProps<{
  props1: string | number;
  props2: boolean;
}>();

const emit = defineEmits(['update:props1', 'update:props2']);

const localProp1 = computed({
  get: () => props.props1,
  set: (val) => {
    emit('update:props1', val);
  },
});

const localProp2 = computed({
  get: () => props.props2,
  set: (val) => {
    emit('update:props2', val);
  },
});
</script>

Jayczee原创2025/6/24大约 1 分钟