vue.global.js

作者：战天独尊发布日期:2025-04-17 浏览:106

// vue.global.js

// 导入 Vue 库
import { createApp } from 'vue';

// 创建 Vue 应用实例
const app = createApp({
  // 根组件的配置选项
  data() {
    return {
      message: 'Hello Vue!'
    };
  },
  methods: {
    // 示例方法
    greet() {
      alert(this.message);
    }
  }
});

// 挂载应用到 DOM 中
app.mount('#app');

// 解释说明：
// 1. `createApp` 是 Vue 3 中创建应用实例的方法。
// 2. `data` 函数返回一个对象，用于定义组件的状态。
// 3. `methods` 对象中定义了组件可以调用的方法。
// 4. `app.mount('#app')` 将应用挂载到 HTML 中 id 为 `app` 的元素上。

上一篇：vue前端和后端怎么连接起来

下一篇：vue样式