라우터와 뷰 인스턴스질문...

Question

안녕하세요 캡틴판교님 강의 정말 유익하게 듣고있습니다. 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를 이용하면 라우터가드를 따로 설정해주지 않아도 되는건지 궁금합니다

캡틴판교 · Answer

안녕하세요 태웅님, 좋은 질문 주셨네요 :) 1. 인스턴스 내라는 의미는 컴포넌트 파일에서 `this`라는 키워드로 접근하여 사용하는 것을 의미합니다. this.$router / this.$store 처럼요 :) 2. beforeRouterEnter는 컴포넌트 내에서 페이지에 진입하기 전의 라우터 네비게이션 가드를 정의할 수 있는 속성입니다. 페이지에 진입하기 전이기 때문에 컴포넌트의 this로 접근할 수 없습니다 :) 3. nuxt 강의를 물어보시는 분들이 많아서 바로 다음 강의를 Nuxt로 준비해볼 생각입니다. 늦어도 7~8월까지는 개시할 수 있도록 준비해 볼게요. 문의해 주셔서 감사합니다 :)