vue 2.0 watch 의 deep 와 immediate 용법 설명

deep,기본 값 은 false 입 니 다.깊이 감청 여 부 를 의미 합 니 다.
immediate:true 대 표 는 wacth 에서 설명 한 후에 즉시 안에 있 는 handler 방법 을 실행 합 니 다.false 라면 우리 의 이전 효과 와 마찬가지 로 바 인 딩 할 때 실행 하지 않 습 니 다.

computed: {
 btnObj() {
 const { sign_img, check } = this
 return {
  sign_img,
  check
 }
 }
},
watch: {
 btnObj: {
 handler: function(newVal,oldVal) {
  if(!!this.sign_img && this.check){
  this.submit_flag = true
  this.sign_flag = '1'
  }else{
  this.submit_flag = false
  this.sign_flag = '0'
  }
 },
 deep: true,
 immediate: true
 }
}

보충 지식:vue 에서 watch 모니터링 데이터 변 화 를 사용 하 는 deep:true,그리고 immediate:true
항목 에서 변수의 값 이 거꾸로 올 라 갔 는 지 확인 할 때 가 있 습 니 다.보통 사용 하 는 watch 나 비효 율 적 인 순환 판단 을 사용 합 니 다.
차 vue 에 서 는 데이터 의 번영 변 화 를 심도 있 게 모니터링 하 는 방법 을 설정 해 주 었 다.
1.vue 에서 watch 감청 시 deep:true 를 설정 하면 대상 에 대한 심도 있 는 감청 을 실현 할 수 있 습 니 다.
2.immediate:true 는 watch 에서 설명 한 후에 handler 안의 함 수 를 즉시 실행 합 니 다.

이것 은 vuex 를 사용 하 는 데이터 입 니 다.setting Data.실제 값 이 바 뀌 었 는 지 확인 한 후에 button 단추 의 disabled 속성 을 제거 해 야 합 니 다.우 리 는 비슷 한 방식 을 사용 할 수 있 지만,이렇게 쓸 때 는 handler 함 수 를 사용 해 야 한다.
그리고 immediate:true 는 watch 에서 설명 한 후에 handler 안의 함 수 를 즉시 실행 합 니 다.상응하는 논 리 를 집행 하 다.
이 속성 을 설정 하지 않 으 면 순환 방식 을 사용 할 수 있 습 니 다.
1.대상 이 검출 되면 순환 을 사용 할 때 배열 로 변환 할 수 있 습 니 다.(심 플 개체 처리)
1.Object.keys(obj)를 사용 하여 대상 의 key 를 꺼 내 배열 에 넣 습 니 다.
a.for...in...
b.[].slice.call(object)
2.그리고 순환 을 사용 하여 해당 값 을 다른 배열 에 저장 합 니 다.
3.그리고 업무 논리 에 따라 해당 하 는 배열 을 처리한다.

2.es6 문법 사탕 을 사용 하 는 방식
1.배열 전환 대상

2.대상 트랜스 퍼 그룹
Array.from(object)
복잡 한 문 제 는 항상 간단 한 사고 가 있 고 문제 에 부 딪 히 면 먼저 길 을 생각 한 다음 에 코드 를 쓴다.
이 vue 2.0 watch 의 deep 과 immediate 용법 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 가 되 고 많은 응원 부 탁 드 리 겠 습 니 다.