>  기사  >  웹 프론트엔드  >  vuex의 사용 시나리오는 무엇입니까

vuex의 사용 시나리오는 무엇입니까

青灯夜游
青灯夜游원래의
2021-04-23 18:27:0511267검색

vuex 사용 시나리오: 1. 사용자의 개인정보 관리 모듈 2. 전자상거래 프로젝트용 장바구니 모듈 3. 내 주문 모듈, 주문 목록에서 주문 취소를 클릭한 후 해당 주문 목록을 업데이트합니다. 주문 시 결제 페이지로 이동하여 필요한 쿠폰을 받고 주문 할인 정보를 업데이트하세요.

vuex의 사용 시나리오는 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, Dell G3 컴퓨터.

우선 어떤 상황에서 vuex가 필요한지 논의해 볼까요?

  • 데이터 공유 및 동작 분할이 필요합니다.

  • 상태 발전을 위해 여러 모듈을 통합해야 합니다.

  • 타사 플러그인을 사용해야 합니다.

  • 다양한 고려 사항이 필요합니다. 각 구성 요소의 수명 주기, 순서, 특정 논리 등

vuex 사용 시나리오:

  • 사용자의 개인 정보 관리 모듈

  • 전자 상거래 프로젝트용 장바구니 모듈 장바구니 수량을 얻기 위한 인터페이스를 (전제 조건)이라고 하며 효과는 달성되지만 모든 HTTP 요청은 브라우저 성능을 소모합니다. 반대로 vuex 돌연변이를 사용하여 트리거하는 것이 더 유리합니다.

  • 내 주문 모듈에서는 주문 목록도 클릭하여 주문을 취소한 다음 해당 주문 목록을 업데이트합니다. 상태를 모니터링하고 변경되면 해당 목록을 업데이트하세요.

  • 주문 결제 페이지에서 쿠폰 선택 페이지로 들어가 쿠폰 페이지를 선택하세요. 선택한 쿠폰정보는 어떻게 저장하나요? 쿠폰 정보를 저장하는 상태입니다. 쿠폰 선택 시 돌연변이가 제출됩니다. 주문 결제 페이지에서 선택한 쿠폰이 획득되고 주문 할인 정보가 업데이트됩니다.

관련 권장 사항: "vue.js Tutorial"

위 내용은 vuex의 사용 시나리오는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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