반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- javascript
- ReactNative
- 오라클
- 리액트네이티브
- php
- 스프링
- 국비IT
- 평일코딩
- typescript
- 자바의정석
- 타입스크립트
- 국비코딩
- 코딩테스트
- 이안의평일코딩
- Java의정석
- Oracle
- 자스코테
- 정보처리기사실기
- react
- 리액트
- 정보처리기사
- 정보처리기사정리
- 자바스크립트 코딩테스트
- 정보처리기사실기정리
- CSS
- 정보처리기사실기요약
- VUE
- 정보처리기사요약
- spring
- 자바스크립트
Archives
- Today
- Total
목록Vuex란 (1)
이안의 평일코딩
[Vue] Vuex(1) - 설치 및 셋팅 (store.js, $store.state.데이터명)
Vuex 설치 및 셋팅 Vuex를 왜 사용할까? 하위컴포넌트 전송 props, 상위컴포넌트 전송 custom event, 또는 mitt는 데이터 주고받기 어렵다. Vuex는 모든 컴포넌트가 데이터를 공유할 수 있는 js파일로 모든 컴포넌트가 직접 꺼내쓸 수 있다. 컴포넌트, 데이터가 많을 때 Vuex를 쓰고 간단할 때는 props를 쓰자. Vuex 4 설치 npm install vuex@next 또는 yarn add vuex@next Vuex 4 셋팅 모든 컴포넌트가 쓸 수 있는 데이터 저장용 js파일 만들어야한다. src폴더에 store.js를 생성한다 import { createStore } from 'vuex' const store = createStore({ state () { return { n..
Front-end/Vue
2021. 5. 18. 13:15