Front-end/Vue7 Vue3 기초 : v-once v-once 속성을 태그에 주면 한번 렌더링 된 후에 프로퍼티 값이 변경 되더라도 다시 렌더링이 되지 않고 처음 렌더링 될 때의 값을 유지한다. 위와같이 코드를 짜면 화면에 그려진 input창에는 user의 name값이 자동으로 바인딩이 되고 값을 변경하면 v-once 속성의 여부에 따라 값이 변경되거나 변경되지 않는다. 2022. 2. 14. Vue3 기초 : html의 attribute binding class 에 바인딩 했듯이 다른 태그들의 Attribute에도 뷰를 이용해서 바인딩을할 수 있다. Hello Vue! Hello Title Hello Title naver 위의 템플릿 부분에 적어둔 h1의 id 속성, a태그의 href 속성, img 태그의 src와 alt 속성 input 태그의 type 속성 등을 모두 v-bind: 를 이용해서 중간 부분의 스크립트에서 data함수에서 return해주는 값을 이용하여 채워 넣은 것을 확인 할 수 있다. 2022. 2. 14. Vue 기초: style 동적 바인드 App.vue의 내용 Hello Vue {{ username }}!! line-through line-through Object형태의 동적 클래스 Array 형태의 동적 클래스 기본적으로 v-bind를 이용해서 script에 명시해둔 프로퍼티를 바인딩 한다. v-bind:class="바인딩할 프로퍼티" 의 형식 v-bind는 생략 가능 class="삼항연산자" class="객체" class="배열" 의 형태로 작성도 가능하다. 2022. 2. 14. 이전 1 2 다음
