강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

kium님의 프로필 이미지
kium

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoList 컴포넌트의 할 일 완료 기능 구현

v-for에서 배열에서 추출한 데이타의 쓰임새

작성

·

157

1

수고하십니다.

질문 확인하시면 바쁘시겠지만 답변 부탁 드립니다.

아래 소스에서 보면 v-for에서 추출한 값을 v-bind, v-on 등에서 사용을 하는데 <template>태그 안에서는 자유롭게 사용이 가능합니까? 이런것도 vue의 특징인건지요

 <li v-for="(todoItemindex) in todoItems" v-bind:key="todoItem.item" class="shadow">
          <i class="checkBtn fas fa-check" v-bind:class="{checkedBtnCompletedtodoItem.completed}" 
            v-on:click="toggleComplete(todoItemindex)"></i>

답변 1

0

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요, 네 맞습니다. v-for 디렉티브의 유효 범위 내에서 해당 디렉티브에서 제공하는 값들을 사용하실 수 있습니다 :)

kium님의 프로필 이미지
kium

작성한 질문수

질문하기