quantumcode

beforeRouteEnter 는 이전 router에서 정보를 가져와 현재 router와 유기적인 코드를 작성할때 사용하고 반면 beforeRouteLeave는 이전 router로 돌아갈때 사용합니다. 여기서 주의 사항은 beforeRouteEnter콜백 전달을 지원하는 유일한 가드 입니다 next. For beforeRouteUpdate및 beforeRouteLeave는 this이미 사용 가능하므로 콜백을 전달할 필요가 없으므로 지원되지 않습니다 . 사용 예 ) 일반적으로 사용자가 저장하지 않은 편집으로 경로를 실수로 떠나는 것을 방지하는 데 사용됩니다 . next(false) 을(를) 호출하여 탐색을 취소할 수 있습니다. beforeRouteLeave (to, from, next) { const an..

created 해당 라이프 사이클에서 처리내용 : 테이터처리: data, 계산된속성: computed, 메서드: methods, 감시/이벤트watch 주의 : 마운트되지 않은 상태이기때문에 $el 을 지원하지 않는다. virtual dom 사용 할 수 없다. mounted 해당 라이프 사이클에서 처리내용 : $el이 vm.$el로 대체 인스턴스가 마운트 된 이후 호출 virtual dom, 컴포넌트, 템플릿, dom 접근가능

아래와 같이 코드를 입력하면 v-for 추가하면 v-bind:key 입력 오류가 나타난다. {{i}}{{menu.name}} 아래 내용을 보면 문자열 이나 숫자 타입으로 추가하라는 경고가 나온다. 해결방벙 : 1. key 값에 for의 인덱스 값 입력 {{i}}{{menu.name}} 2. 메뉴별 이름을 특정하고 싶다면 key 값에 for의 인덱스 값 과 메뉴명의 조합으로 입력 {{i}}{{menu.name}}

단일 인스턴스에서는 객체형 data 를 사용하지만 콤포넌트 단위에서 사용 시 인스턴스를 공유하여 data의 침범이 일어날 수 있기 때문에 콤포넌트 단위에서는 함수형으로 사용한다. //ES5 문법 data () { return { 데이터를 넣어주세요 } } //ES6 문법 data:() => ({ 데이터를 넣어주세요 })