VUE 규정은 객체의 속성 데이터가 선언되지 않았습니다 모니터링 할 수 없습니다 말을하는 것입니다, 새로운 개체 속성은 그가 모니터되지 않습니다! !
업데이트 객체와 배열이 몇 가지 고려 사항이있다, 공식 문서는 매우 명확했다.
어레이의
푸시 ()
POP ()
시프트 ()
취소] ()
접합부 ()
정렬 ()
뒷면 ()
메소드 수정 상기 어레이 지원 업데이트! !
중첩 배열의 경우 foreach는지도를 사용하여 변경할 수 있습니다!
당신은 인덱스 값에 따라 배열의 길이를 수정하거나 배열을 수정해야,이 작업을 수행 :
vm.$set(vm.items, indexOfItem, newValue)
vm.items.splice(newLength)
PS는 :. 강력한 접합 (원의 배열을 변경), 인쇄 원의 배열 뒤에 말할 조금
길이의 배열을 나타내는 파라미터 후에 잘라낸 [1,2,3] .splice (2) // [1,2 ]
두 개의 매개 변수, 절삭 시작 색인 (포함) 절단 길이. [1,2,3] .splice (0,1) // [2,3]
세 개의 매개 변수 인덱스 (포함) 절단 길이의 배열을 교체 절단. [1,2,3] .splice (0,2,4) // [4,3] [1,2,3] .splice (0,2,4,5) // [4,5,3]
개체의
또는 자바 스크립트를 제한하기 때문에, 뷰 추가 또는 인스턴스가 만들어졌습니다 위해, 제거 할 수있는 개체의 속성을 검색 할 수 없습니다, 뷰 동적으로 그렇게 할 추가 또는 변경에 응답 특성의 루트 레벨을 추가 할 수 :
//在单文件里使用用this代替vm
vm.userProfile = Object.assign({}, vm.userProfile, {
age: 27,
favoriteColor: 'Vue Green'
})
//或者
Vue.set(object, propertyName, value)
일부 노트
캐시 사용에 내가 심은 V-한 번 공중제비 (예 : 연결 유지 구성 요소 또는 명령 V-번 등) 그것!
이것의 함수로 setTmeOut 다른 변화에 유용한,이 점에주의 다시는
당신이 데이터를 변경 후에 새로 고침이. $ ForceUpdate을 강제하는 방법 ()있다!
vue3가 사용되는 프록시 배열이 더 이상 문제가 될 것 업데이트 문제를 개체를하지, 우리가 정말 앞으로의보고되지 않은 것은
학습 프로젝트가 : ADMIN - 웹 vue3 - 타이프 스크립트
목적은 기록을 작성하고 서로 배우는 것입니다!
스키 틀즈 좋아합니까? 나는 기린이, 당신은 당신을 짜낼 수 있습니다!
