inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

404 Not Found & 중첩 라우트 적용

RouterLink 사용 시 to와 :to

824

eg2data

작성한 질문수 18

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요,

강의 중 router.replace()를 설명하는 부분에서

<RouterLink to=“/nested/one”> 를

<RouterLink :to=“{ name: ‘NestedOne’, replace: true}”> 로 대체하면서 v-bind를 사용했습니다.

 

이 때 v-bind는 어떤 의미일까요? 단순 text와 객체의 차이가 v-bind 사용 유/무에 영향을 준 것일까요?

 

항상 충분한 설명이 담긴 답변 주셔서 감사합니다.

vue.js

답변 1

1

짐코딩

안녕하세요 :)

네 맞습니다. 데이터(변수, 객체 등)를 바인딩 하기 위해 v-bind를 사용합니다.

0

eg2data

그러면 <RouterLink to=“/nested/one”> 여기서도

<RouterLink :to=“/nested/one”> 이렇게 사용 가능하다는건가요?

0

짐코딩

<RouterLink :to=“'/nested/one'”> 이렇게 문자열로 바인딩해야 합니다.

0

eg2data

<RouterLink :to=“'/nested/one'”>

문자열 바인딩과

<RouterLink to=“/nested/one”>

는 차이가.. 없다는 말씀이시지요?

 

v-bind에 대한 느낌이 잘 안오네요..

 

0

짐코딩

기능은 같으나 문법은 차이가 있겠죠?

우선 계속 사용 하시다보면 이해가 되실 거에요~!

질문드립니다.

0

32

0

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

0

41

2

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

0

35

1

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

0

33

1

질문드립니다.

0

33

2

라우터 인스톨 후 실행안됨

1

52

2

코드 자동 포매팅 질문

0

73

2

필터 watchEffect 질문입니다.

0

52

1

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

0

115

1

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

0

70

2

unplugin-vue-components

0

86

2

TypeError 질문

0

53

1

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

1

58

1

hash 모드 배포의 필요성?

0

64

2

.eslintrc.cjs 가 없습니다

0

96

2

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

0

98

3

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

0

65

1

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

0

73

2

중첩된 컴포넌트 문제

0

76

2

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

0

109

2

useAxios Proxy(Object) RefImpl

0

114

1

axios timeout

0

338

3

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

0

124

2

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

0

170

2