리스너 특성 계산 VUE

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 >计算属性与监听器</ 타이틀 > 
    < 스크립트 SRC = "Vue.js" > </ 스크립트 > 
</ 헤드 > 
< 본문 > 
< DIV ID = "루트" > 
    姓: < 입력 V 모델 = "firstName을" />= "이 lastName" /> 
    < DIV > {} {} 이름 </ DIV > 
    < DIV > {{COUNT}} </ DIV > 
</ DIV > 
< 스크립트 > 
    새로운 새로운 뷰 ({ 
        EL : " #root " , 
        데이터 : { 
            firstName을 : "" , 
            이 lastName은 : "" , 
            횟수 : 0 
        } 
        !는 <- 비교 연산은 프로세스 변수 또는 객체의 복수의 결과 값을 리턴 
        발생한 변수의 다수의 값, 즉 특정 개수 우리는이 값의 변경이 변경됩니다 모니터링
        예를 들어 쇼핑 카트 안에 제품 목록 총량의 관계만큼 목록 변경 안에 상품의 수량, 또는 감소 또는 증가 또는 항목을 제거은 총량이 변경되어야한다. 
        여기에서 계산 된 재산 사용 총량은 최선의 선택을 계산합니다  * /> - 
        {: 계산 
            : 이름 기능 () {
                 반환  은이 .firstName + 은이 ; .lastName가 
            } 
        } 
        !가 <- 시계 VUE를 모니터링하는 데 도움이 변경의 예는, 그것은 물론 변수 개체 일 수있는 변수 선언 데이터를 모니터링 할 수있는 모니터링되어야 -> 
        시계 { 
            / * firstName을 : 함수 () { 
                this.count ++; 
            } 
            이 lastName : 기능 () 
            { 
                this.count ++; 
            }
            이름 : 함수 () {
                 이 .count ++ ; 
            } 
        } 

    }) 
</ 스크립트 > 
</ 바디 > 
</ HTML >