如何使用typescript在Vue3中注册子组件

Question

如何在Vue3中用typescript注册子组件？我使用这个例子。必须注册NavBar。

<template>
  <div>
    <Navbar ref="child"/>
    <div class="container mt-6">
      <div class="columns">
        <div class="column is-12 column--align-center">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { Vue } from 'vue-class-component';
import Navbar from './components/core/Navbar.vue';
 
export default class App extends Vue {

}

</script>
<style>
html,
body {
  height: 100%;
  background: #f2f6fa;
}
</style>

Answer 1

我找到了它，在main.ts中我必须注册它：

import Navbar from "./components/core/Navbar.vue";

const app = createApp(App);

app.component('Navbar', Navbar);