# compostion api

3개의 포스트
post-thumbnail

[Vue3] Compostion API에서 router query 사용방법

Compostion API에서 Vue router를 `내에서 사용할때 router.query의 값을 인지하지 못하고 undefined`가 뜰 때가 있다. 그러한 경우에는 await router.isReady()를 이용하여 router의 로딩을 기다리고 query에 접근하면 된다. >await router.isReady(); const = router.currentRoute.value.query;

2023년 6월 24일
·
0개의 댓글
·
post-thumbnail

📆 23.03.01 - Vue 3 Composition API와 Option API

Vue 3가 정식화가 되었습니다. 이 포스팅은 Vue 3에서 정식으로 나오게 된 Composition API 를 다루기 때문에 이해가 어려우신 분들은 이전 포스팅 📆 23.02.10 - Vue 3..! 이전 버전과는 무엇이 달라졌을까 을 보고 와주세요. Vue 3에서 고를 수 있는 2가지 전직 Vue 2에서도 plugin을 활용하여 고를 수 있었던 2가지 코드 작성 방식 Composition API와 Option API. 이번에 Vue 3가 정식화 되면서 기존 얼리얼 단계에서의 내용보다 더 많은 부분이 Composition API 문법으로 생성이 된

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

Vue 3

프론트엔드의 반응형 프로그래밍 끊임없이 변화하는 데이터 스트림을 다루는 비동기적 프로그래밍으로 이벤트를 발견하는 관찰자와 발생한 이벤트에 반응하는 핸들러의 구성을 다룬다. 실시간으로 사용자가 발생한 이벤트로 생긴 데이터의 변화를 새롭게 DOM으로 렌더링해야 되는 프론트엔드의 프로그래밍 또한 반응형 프로그래밍의 특징을 가지고 있다. 자바스크립트의 문제점 아래 코드는 A2가 A0과 A1의 값에 의존하고 있지만 A0의 변화를 A2는 반영하지 못해 반응형 프로그래밍의 특징을 구현할 수 없는 문제점을 보인다. 이를 개선하기 위해 아래 코드와 같이 update 함수를 구현하고 A2가 의존하는 A0과 A1의 데이터가 변화할 때 update 함수를 호출하는 방식을 통해 A2도 실시간으로 의존하는 데이터가 변화할 때마다 이를 반영할 수 있게 된다. Reactive Object vue는 자바스크립트 객체를 Proxy 객체로 감싼 후 getter와 setter를 인터셉트

2023년 1월 25일
·
0개의 댓글
·