vue3 import

// 示例代码：在 Vue 3 中使用 import 语句

// 引入 Vue 和创建应用实例
import { createApp } from 'vue';

// 引入自定义组件
import MyComponent from './components/MyComponent.vue';

// 创建 Vue 应用
const app = createApp({
  // 根组件配置
  data() {
    return {
      message: 'Hello Vue 3!'
    };
  }
});

// 注册并使用自定义组件
app.component('my-component', MyComponent);

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

解释说明：

1. 引入 Vue 和创建应用实例：通过 import { createApp } from 'vue'; 引入 Vue 的 createApp 方法，用于创建一个新的 Vue 应用实例。
2. 引入自定义组件：通过 import MyComponent from './components/MyComponent.vue'; 引入一个自定义的 Vue 组件。
3. 创建 Vue 应用：使用 createApp 创建一个新的 Vue 应用，并在其中定义根组件的数据。
4. 注册并使用自定义组件：通过 app.component('my-component', MyComponent); 注册自定义组件，使其可以在应用中使用。
5. 挂载应用到 DOM 元素：通过 app.mount('#app'); 将 Vue 应用挂载到 HTML 页面中的指定元素（如 <div id="app"></div>）。