Nuxt.js를 이용해 페이지 이동 시 변수를 넘기는 방법은 2가지(qnery,params) 가 있습니다. 아래와 같이 데이터를 넘길 수 있습니다. this.$router.push({ name: 'board-list', //URL 노출 query: { boardType: "test1" }, //URL 비노출 param" { boardType: "test2" } }) 넘어온 데이터는 아래와 같이 확인 할 수 있습니다. //query 데이터 확인 console.log(this.$route.query.boardType) //board 데이터 확인 console.log(this.$route.params.boardType) query를 사용하면 데이터가 노출되지만 새로고침 시에도 데이터를 유지 시킬 수 있다. p..
Watch
개발을 하던 도중 Select Box를 구현하던 와중 전처리 로직이 필요해 watch를 사용하였다. Select Box 선택 선택한 값을 이용해 넘기는 파라메타 변경 파라메타를 이용해 데이터 호출 Select a Fruit: {{ fruit.label }} You selected: {{ selectedFruit }} 정리💯 Vue.js의 watch 속성은 데이터의 변화를 감지하고, 데이터가 변경된 후에 설정된 로직을 실행한다. 반면에 @change 이벤트는 요소의 값이 변경될 때 바로 이벤트 핸들러를 실행한다. 따라서 Vue.js의 watch 속성에 등록한 로직은 요소의 값이 변경되고 데이터가 실제로 변경된 후에 실행되므로, @change 이벤트 핸들러보다 후에 실행된다.
