728x90 v-bind3 [Vue] .vue 파일의 기본 구조 화면에 표시할 요소들을 정의하는 영역 ex) HTML + 뷰 데이터 바인딩 뷰 컴포넌트의 내용을 정의하는 영역 ex) template, data, methods 등 템플릿에 추가한 HTML 태그의 CSS 스타일을 정의하는 영역 v-bind + props : 상위 컴포넌트에서 하위 컴포넌트로의 데이터 전달 v-on + $emit : 하위 컴포넌트에서 상위 컴포넌트로 데이터 전달 2022. 7. 5. [Vue] Vue 약어 🌱 v-bind 약어 ... ... v-bind: = : 단방향 바인딩 🌱 v-on 약어 ... ... v-on: = @ - 참조 : https://kr.vuejs.org/v2/guide/syntax.html 2022. 7. 4. [Vue] Vue에 대해서 Vue {{데이터}} : 데이터를 있는 그대로 표시 v-bind : 요소의 속성을 데이터로 지정 v-model : 입력폼과 데이터의 연결 v-on : 이벤트 연결 v-if : 조건에 따라 표시 v-for : 반복해서 표시 computed : 데이터를 사용한 계산 watch : 데이터의 변화 감시 transition : 표시 / 바표시에 애니메이션 처리 component : 컴포넌트 조립 싱글 파일 컴포넌트(Single File Components) 체계 .vue 파일로 프로젝트 구조를 구성하는 방식 확장자 .vue 파일 1개는 뷰 애플리케이션을 구성하는 1개의 컴포넌트와 동일하다. 2022. 1. 24. 이전 1 다음 728x90
