vue3中如何使用export default
时间: 2024-04-19 21:20:59 浏览: 12
在Vue 3中,使用`export default`导出一个默认的对象或值是非常简单的。你可以直接在组件或模块中使用`export default`来导出一个默认的对象或值,然后在其他地方使用`import`语句来引入它。
下面是一个示例,展示了在Vue 3中如何使用`export default`导出一个组件:
```javascript
// MyComponent.vue
<template>
<div>
<!-- 组件内容 -->
</div>
</template>
<script>
export default {
name: 'MyComponent',
// 组件的其他选项
}
</script>
```
然后,你可以在其他地方使用`import`语句来引入这个组件:
```javascript
// OtherComponent.vue
<template>
<div>
<MyComponent />
</div>
</template>
<script>
import MyComponent from './MyComponent.vue'
export default {
components: {
MyComponent
},
// 组件的其他选项
}
</script>
```
在上面的示例中,我们使用`export default`导出了一个名为`MyComponent`的组件对象,并在另一个组件中使用`import`语句引入了这个组件。这样就可以在另一个组件中使用`<MyComponent />`来渲染`MyComponent`组件的内容了。