-
watch 속성 관련 정리VUE.JS 2020. 5. 5. 21:46
watch : watch 속성은 특정 데이터의 변화를 감지하여 자동으로 특정 로직을 수행해주는 속성임.
아래 소스의 경우 num 변수의 숫자가 변할 시에 watch가 그것을 감지하여 log를 찍는다.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div id="app"><p>{{ num }}</p><button v-on:click="add">add</button></div><script>new Vue({el : '#app',data() {return {num : 10,}},watch: {num : function() {this.logText();}},methods: {add : function() {},logText : function() {console.log('changed');}},});</script></body></html>http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter'VUE.JS' 카테고리의 다른 글
싱글파일 컴포넌트에서 개발하는 방법(props / emit) (0) 2020.05.12 Vue 프로젝트 생성하기(vue-cli 이용) (0) 2020.05.10 데이터 바인딩 및 Computed (0) 2020.05.03 axios(ajax) 관련 예제 (0) 2020.05.03 Router 관련 정리 (0) 2020.05.03