VUE : 계산 된 및 시계의 차이

VUE : 계산 된 및 시계의 차이

관계는, 계산 방법의 시계

1.watch 계산 및 추적 메커니즘은 한 가지를 처리하려고하는 종속 VUE의 기반이 있습니다 : 데이터는 (데이터 의존 즉) 변경, 모두가 '관련'데이터에 의존하는 경우 데이터 '자동입니다 '변화는, 관련 기능은 자동적으로 데이터의 변경을 달성하기 위해 호출된다.

방법 2. : 정의 된 함수 방법, 함수 호출을 수동으로 할 필요가, 그리고 '자동 실행'시계와 계산과 같은 미리 정의 함수로 수행 할 것이 분명하다.

데이터는 계산과의 관계 시나리오는 다른 프로세스를 시계 :

1.watch 처리 시나리오는 : 데이터 데이터 효과 복수

2.computed 처리 시나리오는 다음 데이터 효과에 의해 복수의 데이터

만 일치 종속 데이터 종속 데이터의 존재 변경 이 두 조건을 계산하여 계산된다;

코드 설명 :

사용을 볼 수 :

//는 시계에서, haiZeiTuan_Name (이름 해적) 일단 변경 
  // 데이터 옵션 모든 승무원이 자동으로 이름 (suoLong, 이름을 불렀어, xiangJiShi)를 변경하고, 그들을 밖으로 인쇄합니다 
 
// 들) 이름 데이터 승무원 - - -> 의존> (a) 데이터 이름 데이터 적 변화 ---> 복수의 데이터를 모두 변경 
{데이터 
    haiZeiTuan_Name : '밀짚 모자 해적 , 
    : suoLong '솔론 밀짚 모자 해적 ' (+ haiZeiTuan_Name 적 이름)를 
    이름을 불렀어 : '밀짚 모자 해적 나미' , 
    xiangJiShi : 'Xiangjishi 밀짚 모자 해적 
} 
시계 { 
    haiZeiTuan_Name : 함수 (newName로) {
       이 본 .suoLong newName로 + ='케이블 롱 '
       은이 .naMei newName로 + ='나미 '
       은이 .xiangJiShi newName로 + ='썬키스트 '
      CONSOLE.LOG (다음은이 .suoLong) 
      을 console.log ( 다음은이 .naMei) 
      을 console.log ( 다음은이 .xiangJiShi) 
    } 
 } 
// 변경 옵션 시계 모니터 주요 데이터 
vm.haiZeiTuan_Name = '고무 해적' 
결과 : this.suoLong가된다 '솔론 고무 해적 때문에

계산 된 사용 :

데이터 : {
     // 루피의 전체 이름 : 원숭이 · D · 루피 
    firstName을 '원숭이' , 
    secname에 : 'D' , 
    thirdName : '루피' 
  }, 
  계산 : { 
    luFei_Name는 : 함수 () {
       반환  은이를 + .firstName 은이 .secName + 은이 .thirdName 
    } 
  } 
// "해군의 왕"에 "루피" 
vm.thirdName = '해군 왕'   // 원숭이 · D · 해군의 왕

둘 사이의 차이를 설명 :

새로운 새로운 뷰 ({ 
  EL : '#app' ,
   // 호출, 각각 getMethodsDate, getComputedDate 방법에 클릭, 두 개의 버튼을 설정 
  템플릿 : 
 ' <DIV ID = "응용 프로그램"> 
    <버튼 @ =의 Click "getMethodsDate"> 방법 </ 버튼> 
    <버튼 @ =의 Click "getComputedDate"> 계산 </ 버튼> 
</ DIV> ' , 
  방법 : { 
    getMethodsDate가 : 함수 () { 
      경고 ( 새 새 날짜 ()) 
    }, 
    // 설정 계산 된 속성 계산 옵션을 반환 - computedDate 
    getComputedDate : 함수 () { 
      경고 ( 은이 .computedDate) 
    } 
  } 
  으로 계산 {
    computedDate : 함수 () {
       반환  새 새 날짜 () 
    } 
  } 두 번 클릭이 같은 시간을 반환하는 계산합니다! ! 



두 방법은 시간 1 리턴 클릭하면 다른 

두 클릭 시간 계산 복귀와 동일한 지 2 주 

개의 클릭이 동일한 시간을 계산하는 이유 [주]를 반환? 새로운 날짜 () 데이터 종속 (아닌 객체 인스턴스의 다른 데이터에 대한 데이터) 아니다 만 재 계산없이 캐시의 계산 된 값을 제공한다

VUE : 계산 된 및 시계의 차이

추천