P粉6800005552023-08-25 13:31:15
在Vue 3中,你可以使用应用程序API mixin方法。
import { createApp } from 'vue' import App from './App.vue' import globalMixin from './globalMixin' const app = createApp(App) app.mixin(globalMixin) app.mount('#app')
对于组件,你可以逐个添加它们。我更喜欢这种方式,因为它更清晰。
P粉7764125972023-08-25 13:14:46
在Vue 3中,可以在根组件中进行本地组件注册和混入(在尝试避免污染全局命名空间时非常有用)。使用extends
选项来扩展App.vue
的组件定义,然后添加自己的mixins
和components
选项:
import { createApp } from 'vue' import App from './App.vue' import Hello from './components/Hello.vue' import Thing from './components/Thing.vue' import globalMixin from './globalMixin' createApp({ extends: App, mixins: [globalMixin], components: { Hello, Thing, } }).mount('#app')
逐个注册组件似乎是一个好方法,特别是如果只有几个组件。