vue3.js

作者：自然ㄣ之光发布日期:2025-08-13 浏览:33

// Vue 3 示例代码

// 引入 Vue 3
import { createApp } from 'vue';

// 定义一个简单的组件
const App = {
  data() {
    return {
      message: 'Hello Vue 3!'
    };
  },
  template: `<div>{{ message }}</div>`
};

// 创建 Vue 应用并挂载到 DOM 元素上
const app = createApp(App);
app.mount('#app');

// 解释说明：
// 1. 使用 `createApp` 函数创建一个新的 Vue 应用实例。
// 2. 定义一个名为 `App` 的组件，包含 `data` 函数和 `template` 模板。
// 3. 使用 `app.mount('#app')` 将应用挂载到 HTML 中 id 为 `app` 的元素上。
// 4. 页面会显示 "Hello Vue 3!" 文本。

上一篇：vue3watch监听

下一篇：vue reactive