vue3如何在全局应用组件
时间: 2023-10-31 16:01:26 浏览: 81
可以使用Vue 3中提供的createApp函数来创建一个Vue应用实例,在该应用实例中可以使用全局组件进行应用开发。以下是一段示例代码:
```javascript
import { createApp } from 'vue';
import MyComponent from './MyComponent.vue';
const app = createApp({
components: {
MyComponent
},
template: `
<div>
<my-component></my-component>
</div>
`
});
app.mount('#app');
```
在该代码中,我们先引入了Vue 3中的createApp函数,然后创建了一个Vue应用实例,并在components选项中注册了一个名为MyComponent的全局组件。在template中使用该组件即可,这里的<my-component>标签就是该组件的使用方式。最后,我们使用app.mount方法将应用实例挂载到一个DOM元素上(这里是id为"app"的元素)。这样就完成了一个使用全局应用组件的Vue 3应用开发。
阅读全文