>  기사  >  웹 프론트엔드  >  컴포넌트와 함께 vuex를 사용하는 방법

컴포넌트와 함께 vuex를 사용하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-05-30 14:41:101723검색

이번에는 Vuex와 Components를 함께 사용하는 방법을 보여드리고, Vuex와 Components를 함께 사용할 때 주의사항은 무엇인지 알아보겠습니다.

공식 정의: Vuex는 Vue.js 애플리케이션용으로 특별히 개발된 상태 관리 패턴입니다. 내 이해는 vuex가 프런트 엔드 데이터베이스라는 것입니다.

1. 우선 핵심은 창고이자 상태를 담고 있는 매장이므로 첫 번째 단계는 새로운 매장을 만드는 것입니다.

디스플레이 인터페이스:

여기서 상태는 모든 것이 저장되는 창고 상점입니다.

2. Lodash를 사용하여 상태에서 데이터를 가져오는 것이 더 편리합니다. 구문은 다음과 같습니다.

vuex의 getter 및 구문을 사용할 수도 있습니다.

공식 문서도 다음을 통해 액세스를 종료합니다. 속성, 메소드를 통한 액세스 등 https://vuex.vuejs.org/zh-cn/getters.html

3. vuex에 데이터를 저장합니다. 변이의 경우 Vuex 스토어에서 상태를 변경하는 유일한 방법은 변이를 제출하는 것입니다.

문법:

구성 요소의 구문:

다음과 같은 두 개의 매개 변수를 허용합니다. 하나는 상태이고 다른 하나는 로드(즉, 개체 형식으로 전달하려는 모든 값)입니다.

위의 예에서 'open_table_layer'는 메소드입니다. 이 메소드에서 허용하는 매개변수는 1: state, 2: 들어오는 {index:. . . . . } (위 사진)

메서드 구문;

이 기사의 사례를 읽으신 후 메소드를 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

React가 React-Router 라우팅에서 로그인 확인 제어를 구현하는 방법

React 라우팅 관리 및 React Router 사용에 대한 자세한 설명

위 내용은 컴포넌트와 함께 vuex를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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