라우터링크 태그 내 버튼 태그 생성과 관련하여 질문있습니다.
306
작성한 질문수 4
안녕하세요, 404 Not Found 부분 강의를 듣다 의문이 생겨 질문드립니다.
초보적인 질문이라 죄송합니다.
현재 NotFoundView.vue 에서 Home 버튼을 생성하며
<RouterLink to="/">
<button class="btn btn-primary">HOME</button>
</RouterLink>
이런 식으로 구현을 하셨는데요,
지난 번 네비바를 구현할 때는,
<button class="btn btn-outline-light" type="button" @click="goPage">
글쓰기
</button>
이렇게 버튼에 클릭 이벤트 발생시 함수가 실행되도록 코드를 작성했어서요.
저는 함수를 별도로 생성하지 않아도 되는 NotFoundView의 방식(라우터 링크 내부에 버튼 생성)이 더 마음에 드는데, 실제 구현에서 어떤 차이를 가져오는지, 어떤 방식이 더 자주 사용되는지 궁금하여 질문드립니다.
성능면에서 차이가 있는지도 궁금합니다.
답변 1
0
안녕하세요 :)
좋은 질문 이에요~!
이벤트(goPapge)나 라우터링크(RouterLink)나 결과적으로 페이지(페이지 컴포넌트)를 이동한다는것은 동일합니다.
하지만 RouterLink를 사용하게되면 RouterLink는 HTML 에서 anchor(<a>)태그로 렌더링이 되겠죠?
이럴때 가질 수 있는 이점은 검색엔진에서 웹페이지를 수집할 때 <a> 태그를 탐색하여 페이지를 수집하는데요. 결과적으로 <a>태그로 렌더링이 된다면 SEO 최적화가 더 잘된다고 보시면 될 것 같아요 ㅎㅎ
큰 틀에서 이벤트냐 <a>렌더링이냐의 차이를 중점에두고 생각하시면 될 것 같습니다~!
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
41
2
강의듣다가 헷갈려서 질문드립니다.
0
35
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
33
1
질문드립니다.
0
33
2
라우터 인스톨 후 실행안됨
1
50
2
코드 자동 포매팅 질문
0
71
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
63
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
334
3
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
0
124
2
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
0
170
2