vue3对比vue2获取通过refs获取组件数据

vue2#

1、组件设置 ref 标识

  <van-calendar  ref="calendarRef">

2、在mounted中读取

export default {
   mounted() {
     // 获取日历当前选择的时间
     const date = this.$refs.calendar.getSelectedDate();
  },
}

vue3#

1、组件设置 ref 标识

  <van-calendar  ref="calendarRef">

2、onMounted中获取

import {onMounted, ref} from "vue";
export default {
    // 定义一个Ref变量
    const calendarRef=ref(null);
    onMounted(() => {
      // 通过calendarRef的value获取数据
      const date = calendarRef.value.getSelectedDate();
    });
}

参考文档：#

• $refs and the Vue 3 Composition API