> 웹 프론트엔드 > JS 튜토리얼 > 반응에서 dva는 무엇에 사용됩니까?

반응에서 dva는 무엇에 사용됩니까?

青灯夜游
풀어 주다: 2020-11-13 17:20:29
원래의
3899명이 탐색했습니다.

dva는 redux 및 redux-saga를 기반으로 하는 경량 프레임워크로, 코드 개발을 더 잘 구성하는 데 도움이 됩니다. 기본적으로 웹 프런트엔드 애플리케이션을 개발하는 데 필요한 주요 도구가 포함된 내장형 React-Router 및 가져오기도 포함되어 있습니다. 단순화 개발 경험을 향상시키고 개발자가 직접 구성하고 설치하는 작업을 줄여줍니다.

반응에서 dva는 무엇에 사용됩니까?

React의 DVA란 무엇인가요? 그것은 무엇을 위한 것입니까?

dva는 우선 redux와 redux-saga를 기반으로 한 데이터 흐름 솔루션입니다. 그런 다음 개발 경험을 단순화하기 위해 dva에는 반응 라우터와 가져오기도 내장되어 있으므로 경량으로 이해될 수도 있습니다. 애플리케이션 프레임워크.

dva는 개발을 위한 코드를 더 잘 구성하는 데 도움이 될 수 있습니다. 또한 기본적으로 웹 프런트 엔드 애플리케이션을 개발하는 데 필요한 기본 도구가 포함된 반응 라우터 및 가져오기를 제공하여 개발자가 직접 구성하고 설치하는 작업을 줄여줍니다.

dva 공식 홈페이지 주소: https://dvajs.com/

dva의 데이터 관리는 redux를 기반으로 합니다. Redux는 모든 페이지의 데이터를 트리 구조로 저장합니다. (한 페이지 애플리케이션의 경우 모든 DOM 구성 요소가 따라서 데이터와 DOM 구성요소는 일대일 대응을 찾을 수 있습니다.)

그래서 dva는 다음 작업을 수행해야 합니다.

  • 데이터를 저장합니다.

  • 데이터 작업 요청을 제출하세요. 연산에서 요청한 정보에는 동작과 새 데이터(동작 + 피연산자)가 포함됩니다. 새로운 데이터의 소스는 동기식과 비동기식입니다.

  • 새로운 데이터 및 데이터 운영 요청에 따라 기존 데이터를 업데이트합니다.

  • 반응 구성 요소에 새 데이터를 알려줍니다.

DVA 설치

1단계: 스캐폴딩 dva-cli 설치

npm i dva-cli -g
或
yarn add global dva-cli
로그인 후 복사

2단계: 설치 성공 여부 확인

dva -v
로그인 후 복사

DVA 생성 프로젝트

1단계: 스캐폴딩 도구를 통해 dva 프레임워크 코드 생성

dva new dvashop
로그인 후 복사

2단계: 테스트 시작

cd dvashop

yarn start
或者
npm start
로그인 후 복사

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습 웹사이트를 방문하세요! !

위 내용은 반응에서 dva는 무엇에 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿