vue14

• 

  [Vue] Directives 1. 디렉티브 - v-접두사가 있는 특수 속성이다. - 디렉티브 속성 값은 단일 Javascript 표현식이 된다.(v-for는 예외) - 디렉티브의 역할은 표현식의 값이 변경될 때 사이트 이펙트를 반응적으로 DOM에 적용하는 것이다. 2. 종류 v-text v-model v-show v-once v-bind v-if v-html v-for v-else-if v-cloak v-on v-else 1) v-text 데이터 바인딩의 가장 기본 형태인 {{속성명}} 이중 중괄호를 사용한 것과 동일하다. 이렇게 코드를 작성하면 속성값으로 렌더링된다. 2) v-once 데이터 변경 시 업데이트되지 않는 일회성 보간을 수행할 수 있다. {{속성명}} 3) v-html 속성값을 텍스트가 아닌 HTML로 데이터를 출력한.. 기록/FRONTEND 2022. 5. 16.

• 

  [Vue] Vue.js 1. Vue.js 사용자 인터페이스를 만들기 위해 사용하는 오픈소스 Progressive Framework. 특징 1. Approachable (접근성) 2. Versatile (유연성) 3. Performant (고성능) 2. MVVM Pattern - Model + View + ViewModel - Model : 순수 자바스크립트 객체 - View : 웹페이지 DOM - ViewModel : Vue 역할. view와 model을 연결하고 자동으로 바인딩하므로 양방향 통신을 가능하게 한다. 3. 사용방법 방법은 간단하다. html header에 이 script를 추가하고 뷰 인스턴스를 생성하면 된다. 4. Vue Instance 뷰 인스턴스는 HTML의 특정 범위 안(el 속성)에서만 옵션 속성들이 적.. 기록/FRONTEND 2022. 5. 15.