- Router 작성시에 컴포넌트를 임포트 해서 사용하고 있는데 Lazy Load를 하지 않고 전부 임포트를 사용하는 이유가 따로 있는 것인지요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. import {useRouter}from 'vue-router' const router = useRouter; const moveCreatePasge = () =>{ router.push('/todos/create')  } ========= vs ============ import router from '../../router  const moveCreatePasge = () =>{ router.push('/todos/create')  }     import {useRouter}from 'vue-router' 와 mport router from '../../router 의 차이점이 있는가요? 차이점이 없다면 어떤걸 사용하는게 더 나을까요? useRouter import도 하고 setup에 등록도해야 하고 router 는 import 만 하고 사용해도 되는데 어떤걸 사용해야 될지 궁금합니다.        

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