如何将组件与VUE CLI3中的全局寄存器一起使用

Question

夹

+src
  +components
    +Logo.vue
App.vue
main.js

我的main.js中的文件

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import Logo from '@/components/Logo.vue'

createApp(App).use(router).mount('#app')

这是

<template>
  <div>
    <Logo />
  </div>
</template>

<script>
  export default {

  }
</script>

<style lang="scss" scoped>

</style>

。

Answer 1

您可以通过以下方式在全球注册组件：

app.component("Logo", Logo);

示例：

...

const app = createApp(App);

// Register component globally
app.component("Logo", Logo);

app.use(router);
app.mount("#app");

...

在官方。