Vue v-bind v-on v-model의 차이

v-bind export default { name: 'App', data() { return { myName: 'MouMou' } } } data속성 myName 값이 변경되면 v-bind:value 값도 myName 따라 변경 된다. Vue 인스턴스 데이터 -> html 속성 단반향 전용 v-on export default { name: 'App', methods:{ inputEvent(event) { console.log(event.target.value); } } } hmtl 속성 이벤트 -> Vue 인스턴스의 데이터 단반향 v-model v-model은 양방향 데이터 바인딩을 수행한다. v-model=에 정의된 변수와 Vue 인스턴스의 데이터 속성 변수를 연결하고, 둘 중 하나가 바뀌면 다른 하..
개발지식/vue.js 2023. 10. 16. 00:56
1