vue.global.js
时间: 2023-10-28 16:06:03 浏览: 111
vue.global.js,Vue.js 框架的核心文件之一
`vue.global.js` 是一个用于 Vue 3.x 的模块,主要用于在全局范围内注册 Vue 全局组件、指令、过滤器等。在 Vue 2.x 中,这些功能是通过 `Vue.prototype` 实现的,但在 3.x 中,Vue 将这些功能移动到了 `vue.global.js` 模块中,以更好地支持 Tree Shaking 和 SSR 等特性。
通过 `vue.global.js`,我们可以在 Vue 的全局范围内注册组件、指令和过滤器,而无需在每个组件中单独导入和注册它们。例如,我们可以在 `main.js` 中注册一个全局组件:
```
import { createApp } from 'vue'
import App from './App.vue'
import MyComponent from './MyComponent.vue'
const app = createApp(App)
app.component('my-component', MyComponent)
app.mount('#app')
```
这样,我们就可以在任何组件中使用 `<my-component>` 标签了。类似地,我们也可以在 `vue.global.js` 中注册全局指令和过滤器,以便在整个应用程序中共享它们。
阅读全文