Programing

App.vue에 내보내기 문장이 없지만 main.ts에서 앱 모듈을 가져오십시오.이것이 어떻게 가능한 걸까요?

c10106 2022. 4. 8. 20:57
반응형

App.vue에 내보내기 문장이 없지만 main.ts에서 앱 모듈을 가져오십시오.이것이 어떻게 가능한 걸까요?

Vue CLI에서 생성한 라우터 프로젝트 예제에서 App.vue에 내보내기 문이 표시되지 않음.그러나 앱 모듈은 main.ts에서 가져온 것으로 확인된다.수출 명세서 없이 어떻게 모듈의 수입이 가능한가?

그러나 나는 비라우터 사례 프로젝트의 App.vue에 있는 수출 명세서를 본다.

메인.ts

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";

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

라우터 예제 프로젝트의 App.vue

<template>
  <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div>
  <router-view />
</template>

<style>
...
</style>

비라우터 예시 프로젝트의 App.vue

<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import HelloWorld from "./components/HelloWorld.vue";

@Options({
  components: {
    HelloWorld
  }
})
export default class App extends Vue {}
</script>

<style>
...
</style>

참조URL: https://stackoverflow.com/questions/66635963/no-export-statement-in-app-vue-but-app-module-is-imported-in-main-ts-how-is-th

반응형