삐삐사전

페이지를 왔다갔다 하다 보면 해당 페이지의 이름으로 페이지별 구분할 때가 생긴다. 한개의 메인 레이아웃에서 로그인이나 회원가입 페이지로 가면 메뉴바를 숨기기 위해 이 방법을 사용하였다. watch : { $route(to, from){ console.log(to) console.log(from) } }, 홈레이아웃의 watch 에 넣어주었다. 이렇게 넣으면 콘솔에는 해당 라우터의 이름이 뜬다. 이 중에서 name 이 필요했기 때문인데 필요한 값을 넣으면 된다. watch : { $route(to, from){ console.log(to.name) console.log(from.name) } }, 이런식으로 필요한 값만 출력을 시킬 수 있다.

data 에 변수를 하나 넣어준다. data() { return { activeTab : 'a' } }, 해당 값은 아래처럼 컴포넌트에서 클릭시 변동이 되게 해두었다. 목록 해당 컴포넌트 하단 스크립트 파일 쪽에 watch 를 생성해준다. 그러면 클릭할 때 마다 새로운 값과 과거 값이 출력된다. ​ oldVal 은 변경되기 이전의 값이고 newVal은 새로운 값이다. watch : { activeTab(newVal){ console.log(newVal) } }, oldVal은 이런식으로 작성을 하지 않아도 된다.