vue3的监听器！！！

1.首先在父组件中动态绑定你要改变的值。（在父组件中绑定元素）

 2.在子组件中定义监听器。（子组件中也绑定一个元素与父组件相对应）

<template>
  <el-tree-select
    :check-strictly="true"
    v-model="selectCategoryId"
    :data="data"
    :render-after-expand="false"
    style="width: 240px"
    @change="change"
  />
</template>
<script setup lang="ts">
import {  watch } from "vue";


const props = defineProps({ modelValue: { type: Number, default: 0 } });
const emit = defineEmits(["update:modelValue"]);

//监听器，用于监听父级组件传过来的值
watch(
  () => props.modelValue,
  (newValue, _oldValue) => {
    selectCategoryId.value = props.modelValue;
  }
);
</script>

3、这样一旦v-model绑定的值改变，我们父子组件中的值也就会变化。