728x90
반응형
1. watch
watch란 감시자로서 어떤 데이터를 지정해놓고 그 데이터가 변경될 때마다 어떤 함수를 호출하거나 작업을 할 때
쓰인다. 이런 걸 "명령형 프로그래밍 방식" 이라고 한다.
사용방법은 너무도 간단하다.
위와 같이 data에 fruit이라는 배열을 선언해놓고
그 아래에 watch라는 속성을 선언한다.
이 watch라는 속성안에 함수를 선언하는데 해당 함수이름은 data명을 따라간다.
여기서 fruit이라는 데이터가 변경이 되면 watch속성 안에 있는 fruit함수가 호출된다.
fruit함수의 파라메터는 fruit데이터이다.
이렇게 하면 해당 데이터가 변경될 때마다 하고싶은 작업을 해당 함수에서 처리 할 수 있다.
이것과 비슷한 속성으로 computed라는 녀석이 있는데 이건 아직 이해가 안되서 정리를 못하겠다....
728x90
반응형
'FrontEnd > Vue' 카테고리의 다른 글
[Vue] v-bind와 클래스 바인딩을 해보자 (0) | 2022.01.24 |
---|---|
[Vue] 컴포넌트의 props 속성을 이용한 데이터 전달 ( 부모 -> 자식 ) (0) | 2021.10.09 |
[Vue] checkbox와 v-model을 이용해 배열에 데이터 넣기 (0) | 2021.10.09 |
[Vue] option(selectBox)의 value값 가져오기 (feat. v-select) (0) | 2021.08.10 |
[Vue] v-on:click이벤트를 통한 링크 호출 ( feat. window.open) (0) | 2021.08.10 |