[TIL] 20211028 이벤트 버블링/ pagination/ axios / vuex store

• 메인 페이지에서 데이터 가져오기 (tmdb)
• 인프런 vue3 강의 듣기
• 디테일 페이지에서 데이터 가져오기
• 필터 만들기 

---

 

 

 

▶ prettier 설정

https://staticclass.tistory.com/125

[VSC] Prettier 설정

 

▶ pagination

json server에서 값을 받아 올 때 이렇게 limit를 설정해서 pagination을 할 수 있다.

https://www.npmjs.com/package/json-server

const res = await axios.get(
          "http://localhost:3000/todos?_page=1&_limit=5"
        );

 

▶ 이벤트 버블링

자식한테 이벤트 온클릭 걸어놓으면 그것도 실행되고 올라가서 그 부모의 온클릭도 실행시키고 html까지 올라가서 실행시킨다.

https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/

@click.stop="deleteTodo(index)"

이렇게 해놓으면 버블링 되지 않고 멈춘다. 

 

 

 

▶ [Vue] This relative module was not found: 오류

https://jerimo.github.io/vue/vue-module-err/

파일 명 오타 나서 생겼음.

 

 

▶ axios base url

axios파일을 따로 만들어서 baseURL을 지정해놓고 쓴다.

import axios from 'axios';

export default axios.create({
    baseURL : 'http://localhost:3000/'
})

 

▶ setup() 에서 구조분해를 하면 store 에서 값이 받아와도 반응형을 하지 못한다. (props도 )

https://v3.ko.vuejs.org/guide/composition-api-setup.html#props