리고니

Vue.js 를 사용중 Vue-router 를 설치하던도중 에러가 발생하였다. 에러로그를 살펴보면 현재 해당 프로젝트는 vue2.x 버전과 vue-router 버전이 일치하지 않아서 생긴 오류로 확인되었다. vue2.x 버전이면 vue-router3 vue3.x 버전이면 vue-router4를 설치해야한다 !! 따라서, 현재 프로젝트는 vue2.x 버전이므로 vue-router3 버전을 설치해주었다. npm i vue-router@3

'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 프로젝트 실행중 아래와 같은 에러가 발생하였다. 여러 방법이 있겠지만 가장 간단하고 편한 방법은 vue-cli 재설치이다. ( 기존의 vue-cli를 제거후 재설치를 해보자 ) 정상적으로 실행 되었다 !!!

서버를 구동하다 에러가 났다. 라우터에서 export 하지 않아서 생긴 오류이다 라우터에가서 export 해주자 해결되었다 !

서버 구동중 아래와 같은 에러가 발생했다. 해결법 프로젝트에 package.json에서 rule을 추가하도록 하자

Vue 프로젝트를 생성하고 작업하다가 서버를 키다가 오류가 생겼다. 에러 해결법 설치한 eslint를 제거해준다 이후 서버가 정상적으로 켜졌다.

Event Vue 에서 부모는 자식에 데이터를 전달할 수 있음 ( O ) 자식이 부모의 데이터를 변경할 수 없음 ( X ) 자식이 이벤트를 발생시키고, 이를 이용해 부모의 데이터를 수정해야 함

Component 재사용 가능한 요소를 등록하고 코드에 사용 화면을 구성할 template , data , html attribute 값을 정의하는 props 등을 옵션에 추가 구성 : Vue.component('tag_name', { // 옵션 }); 전역 등록 New Vue( ) 앞에 Vue.component('tag_name', { // 옵션 }); 지역 등록 하나의 Vue instance 에서만 사용할 수 있는 컴포넌트 New Vue( ) 앞에 Components: { 'tag_name', { // 옵션 }}

기존 사용하던 Vue 프로젝트를 노트북에 import 해서 서버를 키던중 위와 같은 에러가 발생했다. eslint 를 사용하지 않도록 설명이 되어있으므로 주석처리 또는 삭제해보자 package.json 에서 찾아보자 "devDependencies" 에 있는 @Vue/cli-plugin-eslint 를 삭제해주고 다시 서버를 켜보자 !

보호되어 있는 글입니다.

입력를 다 한후 vue 인스턴스 데이터에 입력하여 화면에 출력되도록 해보자 v-model.lazy를 사용하면된다