반응형
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>
반응형
'Programing' 카테고리의 다른 글
Vuex - 계산된 속성 "name"이(가) 할당되었지만 세터가 없음 (0) | 2022.04.08 |
---|---|
UI 구성 요소 라이브러리 빌드 VUE (0) | 2022.04.08 |
기본 반응:구성 요소 항상 실행 (0) | 2022.04.08 |
"유니코드 오류 "유니코드 이스케이프" 코덱이 바이트를 디코딩할 수 없음...Python 3에서 텍스트 파일을 열 수 없음 (0) | 2022.04.08 |
setState를 다른 구성 요소로 전달하는 방법 (0) | 2022.04.08 |