inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Router 문의

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

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

  • vue
  • router
  • vuejs
  • vue-router
Nomadcoder 댓글 1 좋아요 0 조회수 415

import {useRouter}from 'vue-router' 문의 합니다.

미해결

프로젝트로 배우는 Vue.js 3

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 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 만 하고 사용해도 되는데 어떤걸 사용해야 될지 궁금합니다.

  • vue-router
  • vuex
  • 웹앱
  • vuejs
ByoungJU Park 댓글 1 좋아요 0 조회수 866

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

미해결

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를 이용하면 라우터가드를 따로 설정해주지 않아도 되는건지 궁금합니다

  • vue-router
  • vue-instance
  • vuejs
  • javascript
정태웅 댓글 1 좋아요 1 조회수 268

인기 태그

인프런 TOP Writers

주간 인기글