Vue.js

링크 클릭시 "진짜 이 페이지에서 나가시겠습니까?"라는 문구를 본적 있을 것이다. 대부분 'yes'를 누르겠지만Vue에서 태크 사용시 진짜 링크로 이동할껀지 아닌지 comfirm을 받은 후 이동할지 안할지 결정하는 방법에 대해 알아보자!/html/

Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법입니다. mixin 객체는 모든 구성 요소 옵션을 포함할 수 있습니다. 컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”됩니다.\- vue 공식문서버튼

Prop 등록 방법: Prop은 부모-자식 관계의 Components관계에서 실행된다. 1-1. 부모 컴포넌트 안의 자식 html태그 안에 넘겨줄 prop을 선언한다. 1-2. 자식 컴포넌트의 script안에 props안에 데이터 타입(Sting, Array, Obj

버튼의 css 스타일 추가를 위해 .isSelected class 생성하고, true/false를 토글 기능의 citySelected()메소드를 생성한다. 리스트가 여러개일 경우 data(){Object} 데이터 안에 오브젝트를 배열 형태로 만들 수 있다. :class

vue.js 설치하기 > npm install -g @vue/cli -g: 글로벌 인스톨 vue project 세팅하기 > vue create projectFolder 프로젝트 생성후 폴더안으로 들어가서 vscode를 실행 > code . vscode 커멘드라인에

일반적으로 데이터를 부모-자식컴포넌트 사이에 전달할 때 Props(자식에게 전달)와 Emit(부모에게 전달)을 사용한다. 특정한 두 컴포넌트사이에 중첩된 여러 컴포넌드가 있는 구조의 경우 데이터를 한번에 전달하기는 불가능아니 굉장히 번거로운 일이다.(여러번의 Props

웹 페이지에서 요소를 숨기고 표시하는 것은 자주 발생하는 UI 관련 작업입니다. 일부 세부 정보 섹션, 도구 설명 등의 가시성을 전환할 수 있습니다. 1. v-if="Boolean" 화면에서 숨기고, 코드도 삭제된다. 2. v-show="Boolean" 엘리먼트를