inflearn logo
강의

Course

Instructor

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

Pass Props to Page Component

파라미터: props or route ? 참조 방법

178

bluescreen

24 asked

0

안녕하세요

항상 빠른 감사드립니다.

 

다름이 아니오라

Props에 계념은 정확히 알고 있다고 생각하고 있습니다만.

 

[id 참조하는 방법]

index.js 정보를 기준으로

경우 1:

const route = useRoute();

const id = route.params.id

 

경우2:

Props를 기준으로 id 정보를 가지고 오는데요

const props = definedProps ({

id: Number

})

 

(각설하고)

props id사용할때랑

route에서 제공하는 id 차이점을 알고 싶습니다.

(꼭 부/자 관계도 아닌거 같고..ㅡㅡ;;)

 

 

"이럴때는 route 사용 "

"저럴때는 props 사용 "

언제나 감사드리는 코딤님...

쾌변 부탁드립니다.

 

vue.js

Answer 1

0

bluescreen

자답:

<PostDetailView></PostDetailView>

이렇게 사용해 볼게요

당연히 사용이 안되겠조 제대로..

왜냐하면 현재 이 컴포넌트는 라우트에 넘어온 이 파라미터가 있어야지 구현이 가능 한 컴포넌트에요

한마디로 이 라우터 객체에 의존 되어 있습니다.

이러한 의존성을 분리해서 이렇게 pros로 내가 미리 보고 싶은 이러한 아이들을 넘길 수 있다면 매우 좋겠조?

이럴때 라우트 설정에 Props 속성을 사용할 수 있어요

-- 코딩님 강의 내용 설명 발췌

** 코딩님 부연(상세) 설명 부탁드려요...~~~ ^^;;

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

49

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

113

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

81

2

TypeError 질문

0

52

1

v-model="show" :show="show" 같이 사용?

1

57

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

64

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

71

2

중첩된 컴포넌트 문제

0

75

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

328

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

122

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2