vue2 - watch, computed

developer.do·2023년 10월 4일
0

vue2에서 watch와 computed를 사용해보자

먼저 computed의 사용법은 아래와 같다.

  computed: {
    fullCount() {  // script 부분에서는 그냥 fullCount만 쓰면됨
      if (this.counter > 50) {
        this.counter = 0;
      }
    },
watch 사용법

  watch: {
    lastName(value) {  //lastName 변수가 변경이 되면, 해당 값이 value로 들어온다.
      if (value === '') {
        this.fullname = '';
      } else {
        this.fullname = this.name + ' ' + value;
      }
    },

0개의 댓글