vue.js 디렉티브 기초
- v-bind : html 속성과 js의 값을 연결해준다.
- 동적으로 값에 따라 클래스를 추가하거나 삭제하는 등의 응용이 가능하다.
- 즉 jQuery의 addClass() 따위를 쓸 필요가 없다는 것.
- v-for : 반복적으로 태그를 생성한다. 이 때 :key를 붙이면 성능이 올라간다.
- 이는 연산 시에 원하는 태그를 빠르게 찾을 수 있기 때문인데, 이 이유로 인해 key는 유일성을 가지는 것이 좋다. 또한 key는 string이나 number로 하는 것이 좋다. 안그러면 Avoid using non-primitive value as key, use string/number value instead 이런 warning이 콘솔에 뜬다.
'컴퓨터 > JavaScript' 카테고리의 다른 글
TypeORM 타임존 옵션 관련 Timezone option (0) | 2021.05.15 |
---|---|
express router의 next() 관련... (0) | 2020.09.25 |
Vue.js 특징 (0) | 2020.09.24 |