목록2021/09/07 (1)
멍
TIL. v-for 와 v-bind:class 내부 동작
오늘 질문이 들어왔다. v-bind:class 안에 동적으로 v-for로 각각 할당해주고 싶으시다 셨는데, 제대로 동작하지 않는다고 하셨다. 실제 문제점만 따온 테스트용 코드인데 처음 형태는 아래와 같았다. {{ item.text + (20 + idx) }} v-bind:class="{ active 머시기저시기 부분에서 문제가 발생하고 있는 상황이었다. 일단 문제점은 대략 알겠는데, 부끄럽게도 그 자리에서 확실히 설명할 수가 없었다. 먼저 코드상에서 확인된 이유에서는, 해당 코드가 vue를 거친 후 컴파일 되면 dom 내부 prop들은 vm이라는 virutal machine의 약자를 뜻하는 객체의 속성명으로 접근하게 된다. 즉, 아래와 같은 형태로 컴파일된다. var render = function(){..
카테고리 없음
2021. 9. 7. 16:29