<script lang="ts">import { defineComponent } from 'vue';import { ElCalendar, ElButton, ElButtonGroup } from 'element-plus';export default defineComponent({ name: 'MyCalendar2', components: { ElCalendar, ElButton, ElButtonGroup, }, data() { return { selectedDate: new Date(), }; }, methods: { selectDate(type: string) { const calendar = this.$refs.calendar as any; calendar[type](); }, },});</script>其他组件中使用<script lang="ts" setup>标签引用该子组件：

可以在其他组件中使用 `<MyCalendar2 />` 标签引用该子组件。在使用之前，确保已经在父组件中导入了子组件并进行了注册。例如：

<template>
  <div>
    <h1>My Parent Component</h1>
    <MyCalendar2 />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import MyCalendar2 from '@/components/MyCalendar2.vue';

export default defineComponent({
  name: 'MyParentComponent',
  components: {
    MyCalendar2,
  },
});
</script>