| callback구조, Promise/then/catch/finally, try~catch (0) | 2021.08.23 |
|---|---|
| 영화검색 number로 제한하기, 전개연산자, 중복imdbID (0) | 2021.08.19 |
| http요청의 axios, 비동기처리 async-await, vuex개요 (0) | 2021.08.18 |
| search.vue 만들기, $data[filter.name] 점표기법, option value=" " (0) | 2021.08.17 |
| Logo와 bootstrap_container (0) | 2021.08.17 |
flex의 감소 비율을 없애기
flex-shrink:0
http 요청을 위한 패키지설치
npm i axios
버튼을 누를때만 비동기 처리
async-await
부모와 자식간에는 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 생성
5. index.js에서 movie나 about. js 에서 export defalut로 내보낸것을 import하여 사용 선언
| 영화검색 number로 제한하기, 전개연산자, 중복imdbID (0) | 2021.08.19 |
|---|---|
| vuex로 영화검색 1 (0) | 2021.08.18 |
| search.vue 만들기, $data[filter.name] 점표기법, option value=" " (0) | 2021.08.17 |
| Logo와 bootstrap_container (0) | 2021.08.17 |
| header 탭 만들기 (0) | 2021.08.16 |
value=""와 option사이 값을 주는것은 같다.
| vuex로 영화검색 1 (0) | 2021.08.18 |
|---|---|
| http요청의 axios, 비동기처리 async-await, vuex개요 (0) | 2021.08.18 |
| Logo와 bootstrap_container (0) | 2021.08.17 |
| header 탭 만들기 (0) | 2021.08.16 |
| 페이지 router이동연결, bootstrap-scss 커스텀 (0) | 2021.08.16 |