vuejs 의 v-for 옮 겨 다 니 기,v-bind 동적 변경 값,v-if 를 판단 하 는 실례 설명

최근 에 vuejs 를 좀 배 워 서 배 운 것 을 기록 해서 너 와 나 를 편리 하 게 해 주 었 다.
vuejs 의 공식 문서:https://vuejs.org/v2/api/(공식 문 서 를 보 는 것 에 익숙해 져 야 합 니 다,동지 들~)
1.v-for 옮 겨 다 니 기
예 를 들 어 동 영상 에 있 는 모든 요 소 를 옮 겨 다 니 고 싶 으 면 입력 하 겠 습 니 다.

<div v-for="v in videos">

<a :href="v" rel="external nofollow" >   </a>

</div>

href 앞 에 콜론 을 붙 여야 합 니 다.
다음은 내 가 실행 한 복잡 한 코드 이다.

2.v-bind 동적 변경 값
저 는 동 영상 링크 가 많 습 니 다.마 우 스 를 올 릴 때 동 영상 이름 을 표시 하고 싶 습 니 다.그러면 저 는 title 속성 을 사용 하지만 title 속성 을 동적 으로 변화 시 키 고 싶 습 니 다.
그러면 V-bing 이 필요 해 요.

<a href="#" rel="external nofollow" v-bind:title="video">   </a>

v-bind:링크 의 titile 값 을 동적 으로 변경 할 수 있 습 니 다.마 우 스 를 올 리 면 title 의 변 수 를 표시 합 니 다.
3.v-if//v-else 판단
예 를 들 어 abcd 가 비어 있 는 지 판단 합 니 다.

<div v-if="abcd">

 you can see me

</div>

이상 vuejs 의 v-for 옮 겨 다 니 기,v-bind 동적 변화 값,v-if 를 판단 하 는 실례 설명 은 바로 소 편 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 많은 응원 을 바 랍 니 다.