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

Question

如何使用打字稿在 Vue3 中注册子组件？我用这个例子。导航栏必须注册。

<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>

标签： typescriptregistrationvuejs3

Answer 1

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

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

const app = createApp(App);

app.component('Navbar', Navbar);