vue - 실전

vue 라우터는 vue 라이브러리를 이용해서 싱글 페이지 애플리케이션(SPA)을 구현할 때 사용하는 라이브러리이다. ✨ 라우터 설치 및 라우터 구현 📂 폴더 구조 router 폴더 생성 후 index.js 생성. views 폴더 생성 후 연결할 파일들 생성해 준

axios 응답제어는 .then 으로 콜백을 인자로 받아 결과값을 처리할 수 있으며 .catch 를 통해 오류를 처리한다. axios HTTP 요청을 할 때 config 설정이 가능하다.baseUrl은 axios 인스턴스를 생성할 때, 인스턴스의 기본 URL 값을 정할

mapGetter 를 computed 속성에 사용해서 store의 getters 속성을 컴포넌트에서 접근 가능하게 해준다.

주어진 패턴에 따라 같은 컴포넌트에 라우트를 매핑해야 하는 경우가 있다. Vue Router 에서는 동적 세그먼트를 사용해서 작업 할 수 있으며 이를 파라미터 라고 한다.이전에 구현해 놓은 프로젝트에서 링크 클릭시 해당 링크의 id 값으로 페이지가 넘어가도록 처리하기

현재 작업되어 있는 컴포넌트들을 살펴 보면 리스트 아이템들이 형태는 비슷하게 반복이 되어있는 것들이 많다. 이것들을 하나의 컴포넌트로 작성하여 분기 처리하는 것을 실습!컴포넌트 폴더 내부에 ListItem.vue 를 만든다일단 NewsView.vue 를 그대로 가져오게

예제로 작업하고 있는 곳에서 사용자 이름이나 ask 부분에서 title 클릭시 나오는 사용자 프로필이 공통 컴포넌트로 리팩토링 작업이 가능하다. ItemView.vue에 있는 프로필 관련 내용을 타이틀과 내용을 제외하고 사용자 정보에 관련된 부분을 UserProfile