vue.js 디렉티브 기초

vue.js 디렉티브 기초

1. v-bind : html 속성과 js의 값을 연결해준다.
   • 동적으로 값에 따라 클래스를 추가하거나 삭제하는 등의 응용이 가능하다.
   • 즉 jQuery의 addClass() 따위를 쓸 필요가 없다는 것.
2. v-for : 반복적으로 태그를 생성한다. 이 때 :key를 붙이면 성능이 올라간다.
   • 이는 연산 시에 원하는 태그를 빠르게 찾을 수 있기 때문인데, 이 이유로 인해 key는 유일성을 가지는 것이 좋다. 또한 key는 string이나 number로 하는 것이 좋다. 안그러면 Avoid using non-primitive value as key, use string/number value instead 이런 warning이 콘솔에 뜬다.