[Vue.js] 그룹 변경을 감지할 수 없는 이유 "자바스크립트의 제한"은 무엇입니까!

제목JavaScriptの制限은 여기에 기재되어 있다.
목록 렌더링(주의 사항) - Vue.js
개괄적으로 말하다
배열에 대한 색인을 직접 설정하거나 길이 속성을 변경하면 업데이트되지 않습니다view.
구체적인 조작은 여기에 있다.
색인에서 항목을 직접 설정할 때.예: vm.items[indexOfItem] = newValue
배열 길이를 수정할 때예: vm.items.length = newLength
그 해결 방법은 사용Vue.set 또는Array.prototype.splice이다.
간단하고 실행 가능한 회피 전략이기 때문에 "응"느낌으로 고치면 끝난다
신경쓰여JavaScriptの制限 알아봤습니다.

잡산 유원 시스템

Vue.js값 변경의 검측 메커니즘은 시스템 재활성화일에서 실현된다.
대충 말하면 이것은 Vue 실례화 시 속성을 다시 활성화하는 시스템이다.

이 그림에서 속성의 변경은 getter/setter를 촉발하여 Watcher로 다시 묘사합니다.

그렇다면 자바스크립트의 제한은 무엇일까!

힌트는 여기 적혀 있습니다.
목록 렌더링 - Vue.js
예를 들어 filter (), concat (), slice () 는 원본 그룹을 변경하지 않지만 항상 새 그룹으로 되돌아옵니다.
리셋 시스템이 새로운 배열로 되돌아오기를 바랍니다!

그러니까

JavaScriptの制限은新しい配列を返さない操作을 나타냅니다.vm.items[indexOfItem] = newValue과vm.items.length = newLength 모두 수조로 돌아가지 않습니다.

이게 뭐야?

그뿐이야.
목록 렌더링(변경 방법) - Vue.js
여기에 쓴 방법은 새로운 수조로 돌아가서 검사할 수 있다.

총결산

왜냐하면 제가 일본어를 잘 못 읽거든요.JavaScriptの制限가 배열된 置き換えの章에 걸려 있는 것을 발견하는 데 오랜 시간이 걸렸다.(땀)
만약 잘못이 있다면 지적해 주시기 바랍니다.
다시 활성화된 탐색 - Vue.js   ↩