목록v-on (1)

꾸준히 성장하는 개발자

[Vue.js] 템플릿 문법

v-once 데이터를 한 번만 랜더링 하고 데이터가 변경되더라도 화면을 갱신하지 않는다 v-html {{msg}} // hello! 출력 // hello! 출력 만약 데이터 자체가 태그를 포함하고 있는 상태에서 {{ }} 이렇게 출력을 하게 되면 그대로 문자열로 출력을 하기 때문에 태그까지 문자열로 출력이 되는데 이럴 때 사용하는 게 v-html이다 v-bind html 속성에 {{ }} 문법을 사용하여 값을 동적으로 바인딩 할때 필요한 방법 속성을 넣는 방법이라고 생각하면 편할듯 {{msg}} 위처럼 작성하면 class는 active로 바뀌고 style이 적용돼서 출력이 된다 v-bind 약어 - v-bind를 생략해줄 수 있다 :class :href 이런 식으로 사용해주면 된다. v-on onclic..
Vue.js 2023. 1. 5. 12:56
이전 Prev 1 Next 다음