컴퓨터와watch의 차이

2905 단어 vue
watch,컴퓨터와methods의 관계
1. watch와 컴퓨터는 모두 Vue의 의존 추적 메커니즘을 바탕으로 이런 일을 처리하려고 한다. 어떤 데이터(의존 데이터라고 부른다)가 변화할 때 모든 의존 데이터의'관련'데이터가'자동'으로 변화하고 관련 함수를 자동으로 호출하여 데이터의 변동을 실현한다.
2. methods: methods에는 함수를 정의하는 데 사용되며, 이것은 수동으로 호출해야만 실행할 수 있는 것이 분명하다.워치나 컴퓨터처럼'자동 실행'이 미리 정의한 함수
watch와 컴퓨터가 각각 처리하는 데이터 관계 장면이 다르다
1. 워치가 잘 처리하는 장면: 한 데이터가 여러 데이터에 영향을 미친다
2. computed가 잘 처리하는 장면: 한 데이터가 여러 데이터에 영향을 받는다
watch 용법 감청 하기haizeiTuanName 값, 다른 모든 값이 변경됩니다.

//  watch ,  haiZeiTuan_Name(     )    
   data                (suoLong,naMei,xiangJiShi),        

//   )       -->     --> (1 )              --->          
data: {
    haiZeiTuan_Name: '     ',
    suoLong: '       ', (haiZeiTuan_Name +     )
    naMei: '       ',
    xiangJiShi: '        '
},
watch: {
    haiZeiTuan_Name: function (newName) {
      this.suoLong = newName + '  '
      this.naMei = newName + '  '
      this.xiangJiShi = newName + '   '
      console.log(this.suoLong)
      console.log(this.naMei)
      console.log(this.xiangJiShi)
    }
 }
//   watch         
vm.haiZeiTuan_Name = '     '
  :this.suoLong    '       ',    

 computed    firstName,secName,thirdName , luFei_Name


 data: {
    //      :  ·D·  
    firstName: '  ',
    secName: 'D',
    thirdName: '  '
  },
  computed: {
    luFei_Name: function () {
      return this.firstName + this.secName + this.thirdName
    }
  }
//  “  ”  “   ”
vm.thirdName = '   '  //   ·D·   

methods computed


new Vue({
  el: '#app',
  //     button,      getMethodsDate,getComputedDate  
  template: 
'
', methods: { getMethodsDate: function () { alert(new Date()) }, // computed ——computedDate getComputedDate: function () { alert(this.computedDate) } }, computed: { computedDate: function () { return new Date() } }

computed !!

1. methods

2. computed

【 】 computed ?new Date() ( data ), computed ,

:1. 2. ,computed 。

:http://www.cnblogs.com/penghuwan/p/7194133.html

좋은 웹페이지 즐겨찾기