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')
逐一註冊元件似乎是一個好方法,特別是如果只有幾個元件。