尝试外部调用

frontent/ops_vue/src/views/HomeView.vue

@@ -1,17 +1,22 @@
 <script setup lang="ts">
+  import MyOffcanvas from '@/components/MyOffcanvas.vue';
+  import { onMounted, ref } from 'vue';
+  const mos = ref<InstanceType<typeof MyOffcanvas> | null>(null);
+
+  onMounted(() => {
+    // 可以在这里调用mos.value的方法
+    console.log('HomeView mounted', mos);
+  });
+
 
 </script>
 
 <template>
 
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Empty page
-                </h2>
-              </div>
-            </div>
-          </div>
+<div>
+  <MyOffcanvas ref="mos"/>
+  <button >ttt</button>
+  111
+</div>
 
 </template>