컴퓨터와watch의 차이
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.