itsource

타입 스크립트에서 VueJ를 사용하는 방법

mycopycode 2022. 8. 29. 22:24
반응형

타입 스크립트에서 VueJ를 사용하는 방법

저는 Vue와 Typescript를 배우려고 합니다.그런데 제대로 세팅이 안 되는 것 같아요.

app.ts 파일을 만들었습니다.코드의 행은 다음과 같습니다.

import { Vue } from "../libs/vue/vue";

var app = new Vue({
    el: "#app",
    data: {
        message: 'Hello Vue!'
    }
}); 

나는 이것이 다음과 같이 정리될 것이라고 생각했다.

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

대신 TSC를 실행하면 오류가 많이 발생합니다.Vue 정의 파일을 빌드하려고 하는 것 같습니다. 이미지 여기

그러면 어떻게 Vue 작업을 시작할 수 있을까요?도움이 되는 튜토리얼이 있나요?온라인에서 몇 개를 찾았지만 도움이 되지 않거나 av-ts 등의 다른 라이브러리를 사용하고 있기 때문에 같은 문제가 발생합니다.

이것은 공식 문서입니다.

https://vuejs.org/v2/guide/typescript.html

또한 "../libs/vue/vue"에서 Vue를 Import하는 이유는 무엇입니까?그것이 문제의 원인일지도 모릅니다.Vue.js를 설치했을 경우npm install vue, 당신은 글을 써야 합니다.

import Vue = require('vue');

또는

import * as Vue from 'vue';

언급URL : https://stackoverflow.com/questions/41403379/how-to-use-vuejs-with-typescript

반응형