HTML
<div id="example">
<input v-on:input="typing" v-bind:value="message" placeholder="여기를 수정해보세요">
<p>메시지: {{ message }}</p>
</div>
JS
// 루트 인스턴스 생성
var vm = new Vue({
el: '#example',
data: {
message:'안녕하세요'
},
methods: {
typing(e) {
this.message = e.target.value
}
}
})
'Coding' 카테고리의 다른 글
최고 권한 부여 (0) | 2019.03.05 |
---|---|
vanillaJS 부드러운 스크롤 (0) | 2019.02.14 |
자바스크립트 모바일 체크 (0) | 2018.12.11 |
순수 자바스크립트 onclick 이벤트 (0) | 2018.11.19 |
순수 javascript 스코프 (0) | 2018.11.08 |