Vue

vue.js 시작하기 전에 공식 문서에 정리되어 잘 나와있다. !https://v3.ko.vuejs.org/ 현재 시점에서 vue3 나와서

모든 Vue 애플리케이션은 다음 기능을 사용하여 새 Vue 인스턴스를 생성 하여 시작한다.vue 인스턴스에는 여러가지 옵션이 있는데 기본적으로 el,data 옵션이 있다.el 옵션 : 어떤 HTML 요소와 연결할지 지정 한다. HTML 중에 <태그명 id="ID

v-bind v-bind 태그의 속성을 데이터로 지정할 때 사용한다. 자주쓰는 디렉티브로 생략이 가능하다. v-bind 대신에 :만 써도 된다. 이미지 지정 img 태그의 src 속성의 파일명을 data:에 값으로 지정할 수 있다. 링크 지정 a 태그의 링크를 da

v-model 폼 입력과 데이터를 연결하는 방법이다.Vue 인스터스의 데이터가 웹 페이지에 표시되고 웹 페이지에서 입력한 값이 Vue 인스턴스의 데이터에 반영 되므로 양반향 바인딩이라고도 한다.v-model 디렉티브는 input, selct, textarea 태그 등을

v-on 은 브라우저의 입력 폼 이외에 유저로부터 입력을 Vue에 반영시키느 방법 중 하나이다. v-on 디렉티브는 유저가 버튼을 클릭하거나 키보드를 통해 키입력을 하는 등의 이벤트가 발생할 때 Vue 메소드를 실행시키느 이벤트 핸들러다.v-on 은 자주 사용되는 디렉

v-if v-if 는 조건에 따라 HTML을 표시하고 싶거나 지우고 싶을 때 사용한다. v-for v-for은 HTML 태그를 반복해서 표시하고 싶을 때 사용한다. 배열 데이터 추가와 삭제 Vue.js에서 배열데이터의 추가나 삭제는 JavaScript의 Array의

computed는 데이터의 값을 계산하여 쓸 때는 사용한다.HTML에 값을 나타내는 이름으로 산출 프로퍼티를 쓰면 무엇을 하려는지 보기만 해도 알 수 있다. {{ texIncluded }} 라고 쓰여 있으면 세금포함 금액이 표시되노 있구나 하고 보는 것만으로도 예상이

v-watch 는 데이터나 수식의 값이 변할 때 어떤 처리를 하고 싶을때 사용한다.대부분의 경우 computed 속성이 더 적절하지만, 사용자 지정 감시자(watcher) 가 필요한 경우도 있다. 이것이 Vue 가 watch 옵션을 통해 데이터의 변경에 대응하는 방법을