vue의 차이점과 반응의 차이점은 무엇입니까

차이점: 1. 노드 요소 유형은 동일하지만 클래스 이름이 다른 경우 Vue는 이를 다른 요소로 간주하여 삭제하고 다시 생성하는 반면, React는 동일한 유형의 노드로 간주하여 수정을 수행합니다. 2. 목록을 비교할 때 Vue는 양쪽 끝에서 중간까지 비교를 사용하고, 반응은 왼쪽에서 오른쪽으로 비교합니다.

이 기사의 운영 환경: Windows 10 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

vue의 diff와 React의 차이점은 무엇인가요?

diff 알고리즘:

dom의 다양한 비교를 위한 다른 알고리즘(가상)

공통점:

vue와 diff 알고리즘은 교차 작업을 수행하지 않습니다. 레벨 비교, 동일한 레벨 비교만 수행

차이점:

1. vue가 diff를 수행할 때 vue가 노드를 비교할 때 노드 요소 유형이 동일한 경우 패치 함수를 호출합니다. 클래스 이름이 다르면 동시에 다른 요소로 간주되어 삭제되고 다시 생성되지만 React는 동일한 유형의 노드로 간주하여 수정 작업을 수행합니다

2. 양쪽 끝에서 중간까지의 메서드, 이전 컬렉션과 새 컬렉션의 양쪽 끝에는 각각 두 개의 포인터가 있으며 쌍으로 비교됩니다. 각 비교 후에 포인터는 대기열의 중앙으로 한 번 이동합니다. 왼쪽에서 오른쪽으로, 비교를 위해 요소의 인덱스와 마지막 인덱스를 사용

3. 컬렉션이 마지막 노드를 넣을 때 노드가 앞으로 이동하면 React는 이전 노드를 순서대로 뒤로 이동하고 Vue는 마지막 노드만 넣습니다. 이 작업으로 판단하면 Vue의 diff 성능은 React

보다 높습니다. 【관련 권장 사항: "vue.js Tutorial"】

위 내용은 vue의 차이점과 반응의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!