Vue 구성 요소 사용의 장단점은 무엇입니까?

1, 사용하기 쉽습니다

2, 유연하고 점진적인

가볍고 효율적입니다.

(3- 1), 압선 후 20KB.

(3-2) 가상 DOM

4, MVVM

(4- 1), 데이터 중심 뷰

(4-2), 일반적인 작동 방식은 DOM 입니다.

(4-3), 일반 자바스크립트 데이터

5, 어셈블리

구성 요소 이점

개발 효율을 높이다

간편한 재사용

디버그 단계 단순화

전체 프로젝트의 서비스 용이성을 향상시킵니다.

공동 개발을 촉진하다

Vue 의 단점

1 및 Vue 는 입문 자습서, 고급 자습서 및 설명서가 없습니다. 그리고 책.

2.VUE 는 IE8 을 지원하지 않습니다.

생태 환경은 뿔이 있고 반응이 있는 것보다 못하다.

4. 지역 사회는 크지 않다

문제가 있으면 소스 코드를 볼 수 있다. 기능은 뷰 레이어로 제한되며 Ajax 와 같은 기능은 추가 기능이 필요합니다.

도서관. 개발자에 대한 요구가 높다. 개발하려면 웹 팩이 필요합니다. 그렇지 않으면 사용하기가 어렵습니다. Es6 와 협력하는 것이 가장 좋다. 그러나 Vue-cli 는 webpakc 를 거의 고립시켰습니다.

이점:

가상 DOM (ReactJS 와 유사)

먼저 기존 DOM 구조를 jsON 구조로 변경하고 DOM 작업 대신 JS 작업을 사용하면 성능이 더 빨라집니다.

둘째, sync () 메서드를 사용하여 가상 DOM 을 실제 DOM 과 동기화하고 대량으로 렌더링합니다.

양방향 바인딩 (AngularJS 와 유사)

데이터 또는 DOM 중 하나가 수정되면 다른 하나가 동시에 수정됩니다.

단점:

메모리

가상 DOM 은 메모리에 DOM 의 복사본을 유지해야 합니다. DOM 업데이트 속도와 메모리 공간 사용 사이의 균형을 맞추다.

단순 페이지는 적용되지 않습니다.

가상 DOM 이 많이 변하면 적당하다. 그러나 가상 DOM 을 자주 개별적으로 업데이트하면 계산에 더 많은 시간이 소요됩니다.

따라서 비교적 적은 DOM 노드가 있는 페이지가 있는 경우 가상 DOM 을 사용하면 실제로 속도가 느려질 수 있습니다.

그러나 대부분의 단일 페이지 응용 프로그램에서는 이 속도가 더 빨라야 합니다.

장점: 경량 프레임, 양방향 데이터 바인딩, 구성 요소 개발, 단일 페이지 라우팅, 학습 비용 절감, 가상 DOM, 점진적 프레임, 데이터 및 구조 분리, 실행 속도 향상, 플러그인 수 증가

단점: IE8 이하는 지원되지 않으며, 커뮤니티는 Angular 및 React 가 풍부하지 않을 수 있으며, Vue 는 입문 자습서가 부족하지 않지만 고급 자습서 및 설명서가 없습니다. 책도 있습니다. 한 페이지짜리 앱이라 SEO 최적화에 불리하기 때문에 처음 로드하는 데 시간이 많이 걸립니다.

1. 프로그레시브 JavaScript 프레임워크

점진적: 최소한의 주장

모듈: 데이터 요청: axiosUI:elementUI 라우팅: vue- 라우터 상태 계층: vuex. ...

핵심: 데이터 중심, 구성 요소 시스템

2. 이점:

1. 구성 요소 개발, 사용 편의성, 유연성 및 효율성, 사용자 경험.

2. 1 페이지 라우팅, 스파 (1 페이지 애플리케이션)

1 개 URL->; 1 개의 html 파일, 여러 URL->; 여러 html 파일의 다중 페이지 응용 프로그램: 장점: SE0 최적화 단점: 화이트 스크린, 사용자 경험? 심각한

1 개 URL -> 1 개 html, 여러 URL->; 1 html 싱글 페이지 어플리케이션: 장점: 사용자 경험 단점: 첫 화면 로드 속도가 느리며 SE0 최적화에 좋지 않습니다.

3. 풍부한 Api 방법

4. 데이터의 양방향 바인딩

5. 다른 타사 라이브러리와 쉽게 결합할 수 있습니다.

3. 부족한 점

1. 생태계가 아직 완벽하지 못하다

2. 확장성 저하

3. 호환성 저하

4. 첫 번째 화면 로드가 느립니다

5. SEO 최적화에 도움이되지 않습니다

Vue 의 두 가지 특징: 응답 프로그래밍 및 구성 요소.

2.vue 의 장점: 경량 프레임 워크, 배우기 쉽고 양방향 데이터 바인딩, 구성 요소, 데이터 및 구조 분리, 가상 DOM, 빠른 실행 속도.

3.vue 는 모든 데이터와 DOM 을 점프 페이지마다 요청할 필요 없이 로컬에서 페이지를 새로 고치는 단일 페이지 어플리케이션으로 액세스 속도를 크게 높이고 사용자 경험을 향상시킵니다. 그리고 그의 많은 타사 ui 라이브러리는 개발 시간을 절약했다.

Vue 와 다른 프레임 워크의 차이점

첫째, 코너와의 차이

유사점:

둘 다 내장 명령과 사용자 명령의 명령을 지원합니다. 둘 다 필터 (내장 필터와 사용자 필터) 를 지원합니다. 둘 다 양방향 데이터 바인딩을 지원합니다. 로우엔드 브라우저는 지원되지 않습니다.

차이

Angular 는 학습 비용이 높고 DependentcyInjection 이 추가되었으며 vue 자체에서 제공하는 API 는 비교적 간단하고 직관적입니다.

성능면에서 angular 는 데이터에 대한 더티 검사에 의존하므로 관찰자가 많을수록 속도가 느려집니다. Vue 는 종속 추적 기반 관찰을 사용하며 비동기 대기열 업데이트를 사용합니다. 모든 데이터는 독립적으로 트리거됩니다. 이러한 최적화 차이는 방대한 애플리케이션에 대해 상당히 분명합니다.

둘째, 리드와의 차이점

유사점:

React 는 특수 JSX 구문을 사용합니다. 구성 요소 개발에서 vue 는 vue 의 특수 파일 형식 작성을 권장하며, 파일 내용에 대한 몇 가지 규칙이 있습니다. 둘 다 컴파일해야 합니다.

중심 사상은 똑같다. 모든 것이 어셈블리이고 어셈블리 인스턴스가 중첩될 수 있다.

둘 다 개발자가 요구 사항을 사용자 정의할 수 있는 합리적인 후크 함수를 제공합니다.

이들 중 어느 것도 Ajax, Route 등의 기능이 내장된 핵심 패키지가 아니라 플러그인으로 로드됩니다.

구성 요소 개발은 mixins 의 기능을 지원합니다.

차이점:

React 는 VirtualDOM 에 의존하고 vue 는 DOM 템플릿을 사용하며 React 가 사용하는 VirtualDOM 은 렌더링 결과에 대해 더티 검사를 수행합니다.

Vue 는 명령, 필터 등을 제공합니다. 템플릿에서 DOM 을 쉽게 조작할 수 있습니다.