사장님 페이지를 만들고 있는 중이다
(원래 사이트를 분리해야 하지만 토이 프로젝트이니까)
사이드 바를 구축하고
이제 사이드바 메뉴를 만들고 클릭이 이뤄지면
옆에 내용이 바뀌면 된다
근데! 새로고침이 거슬렸다
그래서 제일 큰 컴포넌트 안에
경로에 따라서 컴포넌트를 호출하는 방법이 없을까?
고민하다가 찾았다
동적 라우팅
동적 라우팅은 아주 간단하게 이뤄진다
{path:'/companyPage/:id',component:companyPage},
/경로/:값 :문자만 앞에 붙히면된다
받을때
this.choose=this.$route.params.id;
.파라미터 이름 으로 꺼내서 쓰면된다
동적컴포넌트
아래글이 제일 이해가 잘갔다
동적으로 vue 컴포넌트 선언하기
vue에서 화면을 이동할때 컴포넌트를 변경하는데 렌더링이 아닌 값에 따라 동적으로 컴포넌트를 선언해서 변경하는 방법을 알아보았다! 1. 컴포넌트 갈아끼우는 방법 모든 컴포넌트들을 선언 한
become-a-developer.tistory.com
컴포넌트가 필요할 때 동적으로 임포트 된다 ㅋㅋ
computed 나도 생소해서 찾아보는 중이다
이렇게 또 부드러운 화면 이동을 구현했다!
https://mygumi.tistory.com/311
Vue.js: computed 는 어떻게 동작하는가? :: 마이구미
이 글은 Vue.js 의 computed 속성이 어떻게 동작하는지에 대해 다뤄본다. computed 속성의 동작 원리를 알기 위해서는 Vue 의 반응형 시스템에 대한 사전 지식이 필요하다. 큰 범위에서는 Vue 의 반응형
mygumi.tistory.com
이글이 좀 잘 설명해주는 거 같다
'Jang_bo_go' 카테고리의 다른 글
| SpringBoot 장바구니 만들기(미완성버전) (0) | 2022.03.07 |
|---|---|
| 프로젝트 중간상태 (0) | 2022.02.28 |
| springboot google ocr api 호출하기! (2) | 2022.01.09 |
| vue.js ckeditor5 연동하기 (0) | 2022.01.08 |
| springboot security 권한에 따른 url접근 (0) | 2022.01.01 |