미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
라우터와 뷰 인스턴스질문...
안녕하세요 캡틴판교님 강의 정말 유익하게 듣고있습니다.
1. this.$router와 this.$store 같은경우에 스토어나 라우터 인덱스에서 뷰 인스턴스와 연결을 하여서 뷰 인스턴스 내에서만 사용할수있고 router sotre 에서는 저런식으로 사용하지 못하는것까지 이해했습니다.
그런데 뷰 인스턴스 내에서 라는 말이 정확하게 이해가 되지않습니다. 어떻게 하면 뷰 인스턴스내에 포함을 시키고 구분할수있는 것인가요??
2. createListView HOC에서 컴포넌트 가드를 사용하여
아래 코드
export default function createListView(name) {
return {
// 재사용할 인스턴스(컴포넌트) 옵션들이 들어갈 자리
name,
beforeRouteEnter : (to, from, next) => {
bus.$emit('start:spinner');
// #1
this.$store.dispatch('FETCH_LIST', to.name)
.then(() => { // #5
bus.$emit('end:spinner');
next();
})
.catch(err => console.log(err));
},
render(createElement) {
return createElement(ListView);
}
}
}
사용하였더니 beforeRouteEnter 내에서 this.$store로 접근할시에는 인식이 안되더라구요
그래서 store를 export 해주고 this.$store -> store 로 해주었더니 잘작동합니다.
왜 beforeRouterEnter 안에서는 this.$store가 인식이 안되는 지궁금합니다 !
그리고 라우터 가드와 컴포넌트 가드는 똑같다고 생각해도 되는건가요??
3. 캡틴판교님 nuxt강의는 계획에 있으신지 궁금합니다!
nuxt의 asyncData를 이용하면 라우터가드를 따로 설정해주지 않아도 되는건지 궁금합니다
