vue3怎么展示html页面

在Vue 3中，展示HTML页面通常是通过组件（Components）来实现的。Vue的核心思想是将用户界面视为数据驱动的视图。以下是一个基础的例子，展示如何在一个Vue组件中渲染HTML内容：

首先，你需要安装Vue CLI，然后创建一个新的项目：

vue create my-project
cd my-project

接着，在`src/components`目录下创建一个名为`MyComponent.vue`的新文件，内容如下：

<template>
  <div id="content">
    <!-- 这里是你想要显示的HTML -->
    <p v-for="(item, index) in items" :key="index">{{ item }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const items = ref(['Hello Vue!', 'This is an HTML page.', 'Built with Vue 3.']);
</script>

<style scoped>
#content {
  /* 可以在这里添加样式 */
}
</style>

在这个组件中，我们使用了Vue的模板语法`<template>`来定义UI结构，`items`是一个响应式的数据变量，我们用它来动态生成HTML列表。

然后在App组件或其他地方引入并使用这个组件：

<template>
  <div id="app">
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from '@/components/MyComponent.vue';
...
</script>

这样，当`items`数据发生变化时，对应的HTML部分也会相应更新。