>웹 프론트엔드 >프런트엔드 Q&A >각도와 vue의 차이점은 무엇입니까

각도와 vue의 차이점은 무엇입니까

青灯夜游
青灯夜游원래의
2022-03-07 14:43:5423528검색

차이점: 1. Vue는 공간을 덜 차지하지만 Angle은 더 큽니다. 2. Vue는 Angular보다 더 유연하며 다양한 필요에 따라 프로젝트의 애플리케이션 코드를 구성할 수 있습니다. 3. Vue는 간단하고 배우기 쉽습니다. 각도는 시작하기가 더 어렵습니다. 4. 각도 지시문은 "ng-xxx"이고 vue 지시문은 "v-xxx"입니다.

각도와 vue의 차이점은 무엇입니까

이 튜토리얼의 운영 환경: windows7 시스템, vue2.9.6&&angular6 버전, DELL G3 컴퓨터.

Angular 소개

Angular는 원래 Misko Hevery와 Adam Abrons가 2009년에 개발했으며 나중에 Google 프로젝트가 된 JavaScript 프레임워크입니다.

Angular는 식별자(지시문) 구조를 사용하여 웹 애플리케이션에서 HTML 어휘를 확장하여 개발자가 HTML을 사용하여 동적 콘텐츠를 선언할 수 있도록 하여 웹 개발 및 테스트 작업을 더 쉽게 만듭니다. 더 쉽습니다.

Angularjs의 기능:

1. 데이터의 양방향 바인딩: 뷰 레이어의 데이터와 모델 레이어의 데이터 중 하나가 변경되면 다른 하나도 그에 따라 변경됩니다. 어떤 코드도 작성할 필요가 없습니다!

2. 코드 모듈화, 각 모듈의 코드는 자체 범위, 모델, 컨트롤러 등을 독립적으로 갖습니다.

3. 강력한 지시문은 많은 기능을 HTML 태그, 속성 또는 주석 등으로 ​​캡슐화하여 HTML 구조를 크게 아름답게 하고 가독성을 향상시킵니다.

4. 이 백엔드 언어의 디자인 패턴을 프런트엔드 코드에 제공하는 종속성 주입. 이는 프런트엔드 코드가 재사용성과 유연성을 향상시킬 수 있음을 의미합니다. , 서버는 클라이언트가 완료할 수 없는 데이터 소스 및 기타 작업만 제공합니다.

5. 테스트 중심 개발,Angularjs는 처음부터 이를 목표로 삼았습니다.Angular를 사용하여 개발된 애플리케이션은 단위 테스트와 엔드투엔드 테스트를 쉽게 수행할 수 있어 기존 js 코드가 테스트하고 유지 관리하기 어려운 문제를 해결합니다. .

vue 소개

Vue(/vjuː/로 발음, view와 유사)는 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크입니다. 다른 대형 프레임워크와 달리 Vue는 아래에서 위로 레이어별로 적용되도록 설계되었습니다. Vue의 핵심 라이브러리는 시작하기 쉬울 뿐만 아니라 타사 라이브러리 또는 기존 프로젝트와 쉽게 통합할 수 있는 뷰 레이어에만 중점을 둡니다. 반면, 최신 도구 체인 및 다양한 지원 라이브러리와 결합하면 Vue는 복잡한 단일 페이지 애플리케이션(SPA)용 드라이버를 완벽하게 제공할 수 있습니다.

Vue.js의 목표는 가능한 가장 간단한 API를 통해 반응형 데이터 바인딩 및 구성된 뷰 구성 요소를 구현하는 것입니다.

Vue.js 자체는 포괄적인 프레임워크가 아니며 뷰 레이어에만 중점을 둡니다. 따라서 배우기가 매우 쉽고 다른 라이브러리나 기존 프로젝트와 통합하기가 매우 쉽습니다. 반면에 Vue.js는 관련 도구 및 지원 라이브러리와 함께 사용하면 복잡한 단일 페이지 애플리케이션을 강화할 수도 있습니다.

Vuejs의 기능:

1. 경량 프레임워크

2. 양방향 데이터 바인딩

3. 모듈화 방식은 모듈화되어 있습니다. 프로젝트 패키징을 위해 Webpack을 사용합니다.

5. 구성 요소화, 템플릿(html 코드), 스크립트(es6 코드), 스타일(css 스타일)을 포함하여 접미사가 .vue인 단일 구성 요소 파일을 만듭니다.

Angular와 vue의 차이점

1. 볼륨과 성능

vue는 Vuex + Vue Router(gzip 이후 30kB)를 포함하는 Vue 프로젝트와 같이 더 적은 공간을 차지합니다. angle-cli보다 기본 프로젝트 크기(~65KB)는 여전히 훨씬 작습니다.

렌더링 성능 면에서는 두 프레임워크 모두 매우 빠르며 성능 차이가 거의 없습니다.

2. 개발 효율성

모두 자체 스캐폴딩 도구를 제공하여 개발부터 구축, 패키징까지 전체 프로세스를 개선하는 데 도움을 줍니다. 또한 모두 컴포넌트 개발을 기반으로 하며 재사용 가능한 컴포넌트를 작성할 수 있어 중복이 크게 줄어듭니다. 일하다. 그러나 Angle은 Typescript 자체가 JavaScript보다 더 엔지니어링적이라는 이점에 의존합니다. 모두 팀에서 개발하면 Angle이 더 많은 이점을 갖게 됩니다.

3. 유연성

Vue는 Angular보다 유연하며 다양한 요구에 따라 프로젝트의 애플리케이션 코드를 구성할 수 있습니다. 예를 들어 jquery를 참조하는 것처럼 HTML에서 vue를 직접 참조한 다음 프런트엔드 템플릿 엔진으로 사용할 수도 있습니다.

4. 유지 관리 가능성

제가 이해하는 유지 관리 가능성에는 두 가지 수준이 포함됩니다. 하나는 코드의 가독성이고 다른 하나는 재구성 가능성입니다. 또한 정적 유형 검사를 제공할 수 있는 TS에 대한 지원이 충분히 포괄적이지 않기 때문에 vue에는 이 두 수준에서 몇 가지 단점이 있습니다. vue 작성자도 vue가 아직 TS 지원이 부족하며 버전 3.0에서 개선될 것임을 인정했습니다.

5. 높은 학습 비용

vue는 간단하고 배우기 쉽지만, Angle은 시작하기가 더 어렵습니다.

AngularJS는 의존성 주입 기능이 추가되는 등 학습 비용이 높은 반면, Vue.js 자체에서 제공하는 API는 비교적 간단하고 직관적입니다.

6. 지침

Angular의 지침은 모두 ng-xxx이고 vueJS의 지침은 모두 v-xxx입니다.

(학습 영상 공유: vuejs tutorial, web front-end)

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.