개발/Vuejs(3)
-
# vue-router 정리
vue-router? 뷰 페이지 간의 라우팅을 지원하는 라이브러리 설치 npm install --save vue-router yarn add vue-router 아래와 같이, 각각의 뷰 페이지 (vue 컴포넌트) 를 만들어 import하고, routes에 해당 컴포넌트에 맞는 path를 설정하여 router/index.js를 구성한다. main.js에 등록해준다.
2021.02.02 -
# Axios 정리
Axios? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 설치 npm 또는 yarn과 같은 패키지 관리자를 통해 설치한다 npm install --save axios 또는 yarn add axios 사용하기 아래와 같이 Axios를 import한 후, Axios.post , Axios.get처럼 사용하여, POST 메서드나 GET 메서드 요청을 수행한다. 매개변수를 받을 수 있으며, .then() 메서드를 통해 응답을 받을 수 있다. .catch() 메서드를 통해서는 정상적으로 응답을 받지 못했을 경우나 오류 발생시 에러 처리를 할 수 있다. 즉 정상적으로 응답을 받으면, then() 절의 코드가 수행되며, 정상적으로 응답을 받지 못할 경우..
2021.02.01 -
# Vuex 정리
# Vuex 설치 npm install --save vuex yarn add vuex # Vuex 요소 - state : 상태 데이터 - mutations : 상태 데이터를 변경하는 메서드 (매개변수를 받을 수 있다) commit('변이 이름', 매개변수)처럼 사용한다. 보통 Actions에서 commit을 하는데, Action({commit}) 처럼 가져야 commit이 가능 또는 Action(context)처럼 가지고, context.commit('변이 이름')처럼 쓸 수 있다. - Actions : 로직을 수행하는 메서드라고 보면 된다. - getters : getter 메서드
2021.01.29