# composition api
[Vuejs3] Script 구현방법 Options API vs Composition API vs Script-Setup
Vuejs3부터는 다양한 방식으로 script를 구현할 수 있다. 그 중에서 가장 효율적인 방법이 무엇인지 나름대로 정리해보고자 한다.

Vue3 - 페이지 컴포넌트에 Props 전달과 ref, reactive.. (복사/재귀함수)
우선 상세 정보를 가져올 게시글에 대한 API 함수를 작성한다.api/posts.js파라미터 id값은 PostDetailView.vue페이지에서 route 값 id를 string 형태로 전달하기 때문에int로 형변환시킨다.PageDetailView.vue에서 API를

Composition API
https://vuejs.org/api/Composition API는 옵션(data, methos, ...)을 선언하는 대신 가져온 함수(ref, onMounted, ...)를 사용하여 Vue 컴포넌트를 작성할 수 있는 API 세트다.반응형 API (React

Options API vs Composition API
Vue3에서 애플리케이션을 만들 수 있는 방법은 크게 두 가지가 있다. Vue2에서 사용해왔던 Options API를 사용하는 방법과 Vue3에서 새롭게 등장한 Composition API 를 사용하는 방법이다.Options API의 단점을 보완하기 위해 Composi
Vue Mixin vs. HOC 그리고 Composition API
Vue Mixin과 HOC, Composition API를 공부한 간략 후기

[번역] Vue3 Composition API 제안에 반대하는 유저 글에 대한 Evan You의 답변
원문: Function-based component API (extended discussion) Composition API 제안에 반대하는 유저의 글에 대한 Evan You의 답변
Pinia - State에 Object type 정의
위 Store는 아래와 같이 사용 가능하다.구조분해 할당 시, Primitive Type 변수의 경우 반응성을 잃지만(https://pinia.vuejs.org/core-concepts/computed나, storeToRefs 작업 없이 reactive 하게

TIL | Vue 반응형(22.05.03)
둘은 똑같은 기능을 한다. 내부적을 코드를 까면 같은 역할을 한다하지만 관습적으로 reactive는 object, array를 그외 숫자, 문자를 ref에 쓴다. 하지만 ref에 object, array를 써도 상관 없다.props를 reactive(반응형) 하게 쓰려

(번역) Vue 3 - Vue의 진화
2022년 2월 7일 부터 Vue 3가 Vue의 기본 버전이 되었습니다. 이는 근 2년 동안의 Vue 생태계에서 가장 기념비적인 일입니다. 최근 2년간 Vue에는 다음과 같은 변화가 있었습니다.
📄 Vue 2 → Vue 3 정리
이 Composition API는 Vue2 구조를 붕괴시키는 API라고 합니다. 약간 현재 Vue 3가 나온지 얼마 안 지난 상황에서 Compositiion API와 Vue 2를 번갈아가면서 코드를 작성할 경우 매우 큰 혼란을 야기시킬 수 있다고 해요.즉 Composi

Pinia - 컴포넌트 외부에서 사용 시 (vue2)
현재 개발 환경은 vue2+composition api 이다.router에서 pinia에 있는 store를 호출하여 값을 꺼내올 일이 생겼는데 자꾸 스토어가 아직 설치되지 않았다는 에러가 발생했다.컴포넌트 외에서 스토어 사용 시 공홈에서는 아래와 같이 사용하라고 되어있

Pinia + vue2
기존 프로젝트는 Vue2 위에서 Typescript를 적용하다보니 타입 정의가 매우 복잡했는데요. (참고로 vue3+vuex4 사용 시 더 편해졌다고 해요.)예를들어 Action 별, Mutation 별, 각 타입 지정을 위해 Enum으로 함수명을 정의해야하고 또 각