我尝试将语法从 Vue 2 转换为 Vue 3,但我不确定如何包含mixins and 成分,如果您在 Vue 2 中看到以下代码:
import App from "./App.vue";
const app = new Vue({
mixins: [globalMixin],
router,
el: '#app',
store,
components: {
Thing,
Hello
},
render: h => h(App)
});
如果我理解正确的话,这是 Vue 3 语法:
const app = createApp(App)
app
.use(store)
.use(router)
app.mount('#app')
vue 2 示例有一个 mixin 和两个组件,但如何将其添加到 Vue 3 语法中?
您可以通过执行以下操作来添加组件:app.component('Thing', Thing)
但这只是一个组件......我应该以这种方式将它们一一添加吗?那么 mixin 呢?
在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')
对于组件,可以一一添加。我更喜欢这种方式,因为它更干净。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)