[Vue.js] props속성, v-bind, camelCase, kebab-case
2021. 8. 21. 15:27
Vue.js
더하기 문제 맞추기 예시를 활용한 컴포넌트 생성을 활용해 props 속성과 v-bind에 대해 정리 컴포넌트 이용해 서로 다른 더하기 문제 맞추기 예시를 두개 만들었었음 props 속성을 사용하면 두개의 기능을 조금씩 다르게 만들 수 있음 하나는 더하기 문제를, 다른 하나는 곱하기 문제를 내도록 바꿔봄 동적 props 전달 다음과 같이 컴포넌트를 생성할 때, operator에 하나는 '+', 다른 하나는 '*'를 넣어서 전송함 그리고 Vue 컴포넌트 안에 아래와 같이 props 속성을 추가함 ( 3가지 방법 ) // 방법 1 props: ['operator'], // 방법 2 props: { operator: String, }, // 방법 3 props: { o..