Vue.js 링크 처리: v-bind / v-on 용도 추가

{{str1}} link1 link2 link3 link4 vue 객체에 링크를 저장하는 경우 v-bind:href = '링크 변수' 꼴로 가져와야 한다. 그리고 v-bind는 생략이 가능하다. :href, :src, :width 같은 속성만 놓치지 않고 사용해도 무방하다. v-on의 경우, 마우스 이벤트를 저장한다. 디렉티브를 사용하여 DOM 이벤트를 듣고 트리거 될 때 JavaScript를 실행할 수 있습니다. 라고 vue.js 한국어 포럼에 친절히 나와있다. mouseenter : 마우스가 해당 개체를 클릭하면 -> 이미지 크기를 변경 mouseleave : 마우스가 해당 개체 밖을 클릭하면 -> 이미지 사이즈 원상 복구 mouseenter 상태로 펭수를 좀더 크고 귀엽게 감상할 수 있게 되었다.

원문링크 : Vue.js 링크 처리: v-bind / v-on 용도 추가