[VUE] VUE 프로젝트 구조 Npm을 이용한 Vue 설치후 프로젝트 구조 잡기 npm을 이용하여 vue를 사용할때 3가지 파일로 나눠서 코딩한다. main.js는 Vue 인스턴스를 로딩하기 위해서 사용한다. .vue 파일들은 각각 vue에 대한 Component들이다. .html 파일은 컴포넌트가 삽입될 HTML 템플릿이다. Vue 컴포넌트 파일 구조 이해하기 .vue로 끝나는 파일은 컴포넌트를 만들기 위하여 사용되는 자바스크립트 코드이다. .vue파일은 크게 3가지 부분으로 나눠진다. template : 템플릿은 해당 Component를 구성하는 실제 컴포넌트에 대한 HTML 코드를 작성하는 부분이다. script : 실제 해당 컴포넌트에 대한 data와 실제 동작을 정의하는 JS 파일이다. style : template에 대한 .. 더보기 [VUE] 프로젝트 생성 후 <router-view> 에러 나는 현상 Vue프로젝트 설치할 때 선택한 Eslint 관련해서 에러인것 처럼 잡는 것입니다. 실제로는 에러가 아니지만요. Vue 2.0 버전에서는 template 태그 안에 반드시 루트 태그(div 같은)가 있어야 에러가 아니였습니다. 에러메시지 : The template root requires exactly one element vue/no-multiple-template-root 그런데 Vue 3.0 부터는 루트 태그가 없어서 에러가 아닙니다. Eslint가 아직 Vue 3.0에 바뀐 내용을 모두 적용하고 있지 않아서 에러인것처럼 빨간색 줄이 가는 현상입니다. 빨간줄을 없애고 싶다면, template 태그 안에 작성된 html 코드 최상위에 div 같은 루트 태그를 사용하시면 됩니다. 더보기 [VUE] VUE 설치 과정에서 에러 발생 시 재설치 - vue-cli 삭제 npm uninstall vue-cli -g - vue-cli 설치 npm install -g @vue/cli - vue-cli 업데이트 npm update -g @vue/cli - vue 버전확인 vue --version 더보기 이전 1 ··· 71 72 73 74 75 76 77 ··· 88 다음