vue3+typescript中，点击按钮，弹出信息窗口

在 Vue3 + TypeScript 中，可以使用第三方库如 Element-Plus 或者 Ant Design Vue 等来实现弹出信息窗口。以下是使用 Element-Plus 实现的示例：

首先，需要安装 Element-Plus：

npm install element-plus -S

然后，在需要弹出信息窗口的组件中，注册 ElMessageBox 组件，例如：

<template>
  <el-button @click="handleClick">弹出信息窗口</el-button>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { ElMessageBox } from 'element-plus';

export default defineComponent({
  name: 'MyComponent',
  methods: {
    handleClick() {
      ElMessageBox.alert('这是一条信息', '标题');
    }
  }
});
</script>

在这个例子中，当用户点击按钮时，会调用 handleClick 方法，在该方法中使用 ElMessageBox.alert() 方法弹出信息窗口，信息内容为“这是一条信息”，标题为“标题”。

注意：在使用 Element-Plus 或者其他第三方库时，需要在 Vue3 的 setup() 函数中引入并注册该组件（或者全局注册组件），具体操作可以参考 Element-Plus 或者其他第三方库的官方文档。