개발냥발

서로 부모자식이 아닐 때 데이터를 주고 받으려면 eventBus, store를 활용하거나 route를 통해서 params나 query를 통해 데이터를 전달할 수 있다. views/com1.vue (query 보냄) views/com2.vue (query 받음) views/com1 vue setup() 내용 추가 ... 생략 ... const nextPage = (data) => { router.push({ name: "com1", puery: { num: data } }) } ... 생략 ... views/com2 import { useRoute } from "vue-router"; ... 생략 ... export default { name: "com2", setup() { const route = us..

일단 로그인 화면을 만들었음 여기서 안 보이는 비밀번호가 보여기게 하려면 눈 모양 버튼을 클릭했을 때 비밀번호 input type="password"에서 type="text"로 바뀌면 됨. 덤으로 버튼 이미지도 바꿔줄거임. script 코드 작성 ref와 reactive 차이는 알거라 생각함. 모르면 구글링 ㄱㄱ 이렇게 Bool 값이 변경되도록 했다면 template 코드 일부 수정함 이렇게 작성하고 눈 모양 버튼을 클릭하면 눈 모양 버튼 이미지도 바뀌고 글자도 보여지게 됨. 참 쉽죠?

router 경로들 중 '/'가 없을 때 '/'만 들어갈 경우, 아무 것도 없는 페이지가 나오옴. '/'만 입력 시 원하는 경로로 이동하도록 만들 수 있는 것이 redirect임. const routes = [ { path: '/', redirect: '/login' }, { path: 'login' name: 'Login', component: ... 생략 ... }, 끝