728x90 vue2 Vue - VueRouter Navigation Guards VueRouter Navigation Guards란? 사용자가 브라우저의 url을 이용해서 페이지를 강제로 이동할 때 이를 방지하기 위한 라우터 설정입니다. 또한 사용자에게 특정 페이지에 접근권한을 부여하거나 조건에 따른 리다이렉트 등을 설정할 때 사용합니다. Navigation Guards 기본형 const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) router.beforeEach는 router에서 데이터를 먼저 받아와서 페이지를 호출하게 하는 함수이며 전역 가드입니다. 네비게이션이 트리거될 때마다 가드가 작성 순서에 따라 호출되기 전의 모든 경우에 발생합니다. 가드는 비동기식으로 실행 될 수 있으며.. 2022. 3. 25. Vue - Vuex 헬퍼 함수 Vuex를 먼저 이해한 후 보는 것을 추천합니다. Vuex를 다룬 이전 포스팅 참고하세요. https://getthismoment.tistory.com/108 Vuex 헬퍼 함수란 Vuex 헬퍼 함수란 Vuex store에 선언된 state, getters, mutations, actions 프로퍼티와 메소드를 다른 vue 컴포넌트에서 손쉽게 호출하고 재사용하기 위해 사용하는 함수입니다. Vuex helper 함수 종류 mapState - state를 연결해주는 함수 mapGetters - getters를 연결해주는 함수 mapMutations - mutations를 연결해주는 함수 mapActions - actions를 연결해주는 함수 Vuex 헬퍼 함수 기본형 컴포넌트에 Vuex 헬퍼 함수를 선언한 .. 2022. 3. 25. 이전 1 다음 728x90
