如何在nativescript-vue弹出窗口中使用vue组件？

<template>
  <StackLayout>
    <Label text="这是一个弹出窗口" />
    <Button text="关闭" @tap="closePopup" />
  </StackLayout>
</template>

<script>
export default {
  methods: {
    closePopup() {
      // 关闭弹出窗口的逻辑
    }
  }
}
</script>

<template>
  <Page>
    <Button text="打开弹出窗口" @tap="openPopup" />
  </Page>
</template>

<script>
import Popup from './Popup.vue';

export default {
  components: {
    Popup
  },
  methods: {
    openPopup() {
      // 打开弹出窗口的逻辑
    }
  }
}
</script>

import { Dialog } from 'nativescript-dialog';

methods: {
  openPopup() {
    Dialog.show({
      title: '弹出窗口',
      message: '',
      cancelButtonText: '关闭',
      actions: []
    }).then(result => {
      // 处理弹出窗口关闭后的逻辑
    });
  }
}

import Popup from './Popup.vue';

methods: {
  openPopup() {
    Dialog.show({
      title: '弹出窗口',
      message: '',
      cancelButtonText: '关闭',
      actions: [],
      customView: Popup
    }).then(result => {
      // 处理弹出窗口关闭后的逻辑
    });
  }
}