vue3版本

// Vue 3 示例代码

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

// 定义一个简单的组件
const MyComponent = {
  template: `<div>
               <h1>{{ message }}</h1>
               <button @click="increment">Clicked {{ count }} times</button>
             </div>`,
  data() {
    return {
      message: 'Hello from Vue 3!',
      count: 0
    };
  },
  methods: {
    increment() {
      this.count++;
    }
  }
};

// 创建 Vue 应用实例
const app = createApp(MyComponent);

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

解释说明：

• createApp: Vue 3 中使用 createApp 来创建一个新的 Vue 应用实例，替代了 Vue 2 中的 new Vue。
• MyComponent: 定义了一个简单的 Vue 组件，包含模板、数据和方法。
• data: 返回一个对象，用于定义组件的状态。
• methods: 定义组件的方法，这里定义了一个 increment 方法来增加点击次数。
• app.mount('#app'): 将应用挂载到 HTML 中的 #app 元素上。

希望这段代码和解释对你有帮助！