vue3 怎么在js里使用div

在Vue 3中，要在JavaScript中使用一个 `<div>` 元素，你需要先创建一个Vue实例，然后在该实例的模板中添加 `<div>` 元素。

首先，在HTML中引入Vue的库文件，如：

<script src="https://unpkg.com/vue@next"></script>

然后，在JavaScript中创建Vue实例，并定义一个具有 `<div>` 元素的模板。可以使用 `el` 属性指定Vue实例要挂载的元素，可以是一个 `<div>`，如：

const app = Vue.createApp({
  template: '<div>Hello, Vue 3!</div>'
}).mount('#app');

在上述代码中，我们使用 `Vue.createApp` 方法创建了一个Vue实例，并在其模板中定义了一个包含 `<div>` 元素的字符串。然后，我们使用 `mount` 方法将Vue实例挂载到具有 `id` 属性 `app` 的 `<div>` 元素上。

最后，在HTML中，我们需要有一个具有 `id` 属性 `app` 的 `<div>` 元素，如：

<div id="app"></div>

使用上述代码，当页面加载时，Vue实例将被创建并自动挂载到具有 `id` 属性 `app` 的 `<div>` 元素上。这样，页面上将显示一个包含文本 "Hello, Vue 3!" 的 `<div>` 元素。