>  기사  >  웹 프론트엔드  >  vue의 장점은 무엇인가요?

vue의 장점은 무엇인가요?

(*-*)浩
(*-*)浩원래의
2019-05-25 09:21:4327965검색

Vue.js는 사용자 인터페이스 구축을 위한 진보적인 프레임워크입니다. 다른 헤비급 프레임워크와 달리 Vue는 상향식 증분 개발 설계를 채택합니다. Vue의 핵심 라이브러리는 뷰 레이어에만 중점을 두고 있으며 다른 라이브러리나 기존 프로젝트와 학습하고 통합하기가 매우 쉽습니다. 반면 Vue는 Vue 생태계에서 지원하는 단일 파일 구성 요소 및 라이브러리로 개발된 복잡한 단일 페이지 애플리케이션을 완벽하게 구동할 수 있습니다.

vue의 장점은 무엇인가요?

vue의 장점:

경량 프레임워크

데이터를 구성하는 뷰 모음인 뷰 레이어에만 초점을 맞춥니다. 크기는 수십 kb에 불과합니다

Vue. js는 간단한 API를 사용하여 효율적인 데이터 바인딩과 유연한 구성 요소 시스템을 제공합니다

간단하고 배우기 쉽습니다

중국어, 중국어 문서로 개발되었으며 언어 장벽이 없으며 이해하고 배우기 쉽습니다

양방향 데이터 바인딩

반응형 데이터 바인딩이라고도 합니다. 여기서 응답성은 @media 미디어 쿼리의 반응형 레이아웃이 아니지만, vue.js가 페이지의 특정 데이터 변경에 자동으로 동기적으로 응답한다는 것을 의미합니다.

즉, vue.js는 데이터 변경에 자동으로 응답하고 모든 데이터를 수정하며 사용자가 코드에 미리 작성한 바인딩 관계를 기반으로 함께 바인딩된 콘텐츠를 봅니다. 이 바인딩 관계는 입력 태그의 v-model 속성으로 선언되므로 다른 곳에서 vue.js를 선언적 렌더링 템플릿 엔진으로 대략적으로 호출하는 사람을 볼 수 있습니다.

이것이 vue.js의 가장 큰 장점입니다. MVVM 아이디어를 통해 데이터의 양방향 바인딩을 실현하므로 개발자는 더 이상 DOM 객체를 조작할 필요가 없으며 비즈니스 로직에 대해 생각할 시간이 더 많아집니다.

컴포넌트화

프론트엔드 애플리케이션에서 프로그래밍과 같은 모듈을 캡슐화할 수도 있나요? 이는 컴포넌트 개발에 대한 아이디어를 소개합니다.

Vue.js는 단일 페이지 애플리케이션의 다양한 모듈을 컴포넌트를 통해 별도의 컴포넌트(컴포넌트)로 분할합니다. 먼저 상위 애플리케이션에 다양한 컴포넌트 태그를 작성하고(피트를 활용) 매개변수를 작성하면 됩니다. (함수에 매개변수를 전달하는 것과 마찬가지로 이 매개변수를 구성요소의 속성이라고 함) 구성요소 태그의 구성요소에 전달된 다음, 다양한 구성요소의 구현을 별도로 작성하고(구덩이 채우기) 전체 애플리케이션은 다음과 같습니다. 완료.

뷰, 데이터, 구조의 분리

데이터 변경이 더 간단해졌습니다. 로직 코드 수정이 필요하지 않고 데이터 조작만으로 관련 작업이 완료됩니다.

Virtual DOM

이제 네트워크 속도가 빨라지고 있습니다. 점점 더 빨라지고 있습니다. 많은 사람들이 집에 수십, 심지어 수백 M의 광섬유를 가지고 있습니다. 게다가 웹 페이지가 단지 수백 KB에 불과한 것도 당연합니다. , 브라우저 자체는 많은 리소스 파일을 캐시하므로 이전에 열었고 이미 캐시된 페이지를 열 때 Fiber가 여전히 매우 느리게 느껴지는 이유는 무엇입니까? 이는 브라우저 자체가 DOM을 처리할 때 성능 병목 현상이 발생하기 때문입니다. 특히 기존 개발에서는 JQuery 또는 기본 JavaScript DOM 작업 기능을 사용하여 DOM을 자주 작동하는 경우 브라우저가 지속적으로 새로운 DOM 트리를 렌더링해야 합니다. 이로 인해 페이지가 매우 보이게 됩니다. 갇힌.

Virtual DOM은 가상 DOM을 뜻하는 영어 단어로 간단히 말하면, 최종 DOM 연산을 미리 처리하고 최적화할 수 있는 방법으로, JavaScript를 통해 다양한 연산을 수행할 수 있는 방식입니다. 실제로 DOM을 운영하므로 이를 가상 DOM이라고 합니다. 마지막으로 계산이 완료된 후 실제로 DOM 작업이 제출되고 DOM 작업 변경 사항이 DOM 트리에 반영됩니다.

더 빠르게 실행

리액트와 마찬가지로 가상돔을 운영하고 있어서 성능면에서도 큰 장점이 있어요

위 내용은 vue의 장점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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