vue.js의 기능은 무엇인가요?-View.js-php.cn

vue.js의 기능은 무엇인가요?

青灯夜游

풀어 주다： 2020-11-25 17:11:30

원래의

5822명이 탐색했습니다.

Vue.js 기능: 1. MVVM 모드, 2. HTML 요소를 확장하고 재사용 가능한 코드를 캡슐화할 수 있습니다. 3. DOM에서 표현식 값이 변경될 때 그에 따라 특정 동작을 적용하는 데 사용되는 지침. .양방향 데이터 바인딩 5. 가상 DOM 6. 상태 관리.

vue.js의 기능은 무엇인가요?

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

Vue.js 기능

1. MVVM 패턴

M: 모델, 비즈니스 모델, 목적: 데이터 처리 및 제공.

V:보기, 사용자 인터페이스, 사용자 보기.

비즈니스 모델의 데이터가 변경되면 사용자 뷰도 변경됩니다.

사용자 뷰가 변경되면 비즈니스 모델 모델의 데이터도 변경될 수 있습니다.

2. Componentization

Component(Component)는 Vue.js의 가장 강력한 기능 중 하나입니다. 구성 요소는 HTML 요소를 확장하여 재사용 가능한 코드를 캡슐화할 수 있습니다.

Vue에서는 부모-자식 구성 요소가 소품을 통해 통신하며, 부모에서 자식으로 단방향 전송이 가능합니다. 하위 구성 요소는 상위 구성 요소와 통신하고 이벤트를 트리거하여 상위 구성 요소에 데이터 변경 사항을 알립니다. 이는 기본적인 아버지-자녀 의사소통 모델을 형성합니다.

개발 중인 구성 요소가 HTML, JavaScript 등과 매우 긴밀한 관계를 가질 때 실제 필요에 따라 구성 요소를 사용자 정의할 수 있어 개발이 더욱 편리해지고 코드 작성 양이 크게 줄어듭니다.

이 구성 요소는 핫 리로드도 지원합니다. 변경하면 페이지가 새로 고쳐지지 않지만 구성 요소 자체는 즉시 다시 로드되므로 전체 애플리케이션의 현재 상태에는 영향을 미치지 않습니다. CSS는 핫 리로딩도 지원합니다.

3. 명령 시스템

Vue.js는 주로 내장된 명령을 통해 페이지와 상호 작용합니다. 명령의 기능은 표현식 값이 변경될 때 그에 따라 특정 동작을 DOM에 적용하는 것입니다.

4. 양방향 데이터 바인딩

선언적 렌더링은 양방향 데이터 바인딩의 주요 구현이며 Vue.js의 핵심이기도 합니다. 이를 통해 간결한 템플릿 구문을 사용하여 데이터의 선언적 렌더링을 DOM에 통합할 수 있습니다.

5. Virtual DOM

vue.js 2.0은 가상 DOM을 지원하기 시작합니다(vue.js 1.0은 가상 DOM이 아닌 실제 DOM을 운영함). 또한 Virtual DOM은 페이지 새로 고침 속도를 향상시킬 수 있습니다.

6. 상태 관리

상태 관리는 실제로 뷰의 렌더링을 주도하는 단방향 데이터 흐름이며, 사용자는 뷰를 조작하여 액션을 생성하고 이로 인해 뷰가 다시 생성됩니다. 별도의 구성요소를 렌더링하고 형성합니다.

7. 클라이언트 측 라우팅

Vue-router는 Vue.js의 공식 라우팅 플러그인이며 Vue.js와 긴밀하게 통합되어 단일 페이지 애플리케이션을 구축하는 데 사용됩니다. Vue 단일 페이지 애플리케이션은 라우팅 및 구성 요소를 기반으로 합니다. 라우팅은 액세스 경로를 설정하고 경로 및 구성 요소를 매핑하는 데 사용됩니다. 기존 페이지는 페이지 전환 및 하이퍼링크를 통한 점프를 구현합니다.