vue3模块化开发

Vue3支持ES模块化开发，可以使用import和export语法来进行模块化开发。具体步骤如下：

1. 在项目中使用ES模块化开发，可以使用.vue文件或.js文件。
2. 在需要导出的模块中使用export语句进行导出，例如：

// utils.js
export function add(a, b) {
  return a + b;
}

3. 在需要导入模块的地方使用import语句进行导入，例如：

// app.js
import { add } from './utils.js';

console.log(add(1, 2)); // 3

4. 在Vue3中，可以使用import语句导入组件，并且需要在组件选项中使用export default语句进行导出，例如：

// MyComponent.vue
<template>
  <div>Hello World!</div>
</template>

<script>
export default {
  name: 'MyComponent',
  // ...
}
</script>

// app.js
import MyComponent from './MyComponent.vue';

const app = createApp(MyComponent);
app.mount('#app');

这样就可以在Vue3中进行ES模块化开发了。