Vue.Jst와 Vuex에 들어간 지 3일밖에 안 됐지만 구성 요소의 사용법을 적어 놓을게요.

'서문의 Advent Calendar 2021'11일째 보도다.
※ 졸문이지만 자신의 생각을 정리한 노트입니다.
Vue.js 소개
사용자 인터페이스의 줄별 프레임워크 구축(공식에서 발췌)
Vuex란 무엇입니까?
Vue.js 응용 프로그램의 상태 관리 모드 + 프로그램 라이브러리에 사용 가능 (공식에서 발췌)
상태 관리
사실은 베입니다.js만 있으면 상태 관리를 할 수 있습니다.

다만, 구성 요소와 의존성이 강하고 응용 프로그램의 규모가 커지며 구성 요소가 증가하면 이렇게 어려워진다.
따라서 응용 프로그램 전체의 상태와 Vue 구성 요소의 개별적인 상태가 동기화되는 동시에 잘 분리하는 방법이 필요하다.

Vuex는 Vue 구성 요소에서 관리 상태를 추출하는 작업을 담당합니다.
Vue 구성 요소
한마디로 컨디션이지만 크게 두 가지로 나눌 수 있다.

어플리케이션 데이터

화면 표시를 제어하는 데이터

또한 Vue 어셈블리에는 여러 가지 유형이 있습니다.

부품으로 재활용 가능한 어셈블리

다양한 선택 상자, 달력을 선택할 수 있는 인풋 등.

구성 요소 조합으로 데이터에 의존하지 않는 기능을 제공하는 구성 요소

필터 기능과 정렬 기능의 일람 표시 또는

데이터에 의존하여 가치를 제공하는 단위의 구성 요소

Vueviews로 구성된 경우

구성 요소의 크기가 아래로 갈수록 커지면 3→2→1의 의존 관계가 된다.
대조Atomic design

Atoms

Molecules、Organisms

(Templates)、Pages

비가 올 것 같다.
(※ Templates는 매혹적)
지금이라면(2021/12/11) 자신의 판단
- Vuex 만 유지 アプリケーションデータ*
- Vuex를 사용하는 경우Templates, Pages- Atoms、Molecules、Organismsprops를 이용하여 画面の表示制御に使うデータ처리
그렇다면 응용 데이터와 화면 표시 제어에 사용되는 데이터는 어떻게 구분할 것인가
- Vue.js 애플리케이션 외부에서 가져온 Vue입니다.js 이외에 저장해야 할 데이터를 アプリケーションデータ로
느낌이 좋다.이외의 데이터는 모두 디스플레이 제어로 데이터로 처리하는 것이 좋다.