http요청의 axios, 비동기처리 async-await, vuex개요

flex의 감소 비율을 없애기

flex-shrink:0

http 요청을 위한 패키지설치

npm i axios

 

버튼을 누를때만 비동기 처리

async-await

 

vuex(Store)

부모와 자식간에는 props를 사용해 데이터 전달

부모와 최하위 자식간에는 provide/inject 사용해 데이터 전달 가능

자식과 자식간에는 vuex(store)로 데이터중앙집권형으로 데이터 전달

 

1. 설치

npm i vuex@next

2. store폴더 내 index.js 생성으로 vuex의 설정파일 생성

3. main.js에 use로 연결 및 import stroe 선언

4.stoe폴더 내 movie나 about .js 생성

movie.js 구조

5. index.js에서 movie나 about. js 에서 export defalut로 내보낸것을 import하여 사용 선언