# composition api

26개의 포스트

Composition-API

Vue Composition-API

2023년 4월 27일
·
0개의 댓글
·

[Vuejs3] Script 구현방법 Options API vs Composition API vs Script-Setup

Vuejs3부터는 다양한 방식으로 script를 구현할 수 있다. 그 중에서 가장 효율적인 방법이 무엇인지 나름대로 정리해보고자 한다.

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

Vue3 - 페이지 컴포넌트에 Props 전달과 ref, reactive.. (복사/재귀함수)

우선 상세 정보를 가져올 게시글에 대한 API 함수를 작성한다.api/posts.js파라미터 id값은 PostDetailView.vue페이지에서 route 값 id를 string 형태로 전달하기 때문에int로 형변환시킨다.PageDetailView.vue에서 API를

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

Composition API

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

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

Options API vs Composition API

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

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

Vue Mixin vs. HOC 그리고 Composition API

Vue Mixin과 HOC, Composition API를 공부한 간략 후기

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[번역] Vue3 Composition API 제안에 반대하는 유저 글에 대한 Evan You의 답변

원문: Function-based component API (extended discussion) Composition API 제안에 반대하는 유저의 글에 대한 Evan You의 답변

2022년 11월 6일
·
2개의 댓글
·

Pinia - State에 Object type 정의

위 Store는 아래와 같이 사용 가능하다.구조분해 할당 시, Primitive Type 변수의 경우 반응성을 잃지만(https://pinia.vuejs.org/core-concepts/computed나, storeToRefs 작업 없이 reactive 하게

2022년 6월 23일
·
0개의 댓글
·

더 나은 컴포저블로 코딩하기 2편

구현에서부터 시작하지말고 composable을 사용하는 방법부터 알아야한다.

2022년 6월 22일
·
0개의 댓글
·

더 나은 컴포저블로 코딩하기 1편

composables은 Vue3 앱에서 비즈니스 로직을 구성하는 가장 좋은 방법이다.

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

Vue3 변경점을 정리해보자 1탄 (기본)

Composition API가 들어오면서 데이터 선언, 함수 선언, 상태 관리 등의 변화가...

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

TIL | Vue 반응형(22.05.03)

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

2022년 5월 2일
·
0개의 댓글
·

vue3 composition api mixin

name duplication, implicit dependency

2022년 4월 18일
·
0개의 댓글
·

vue3 composition api

vue3 composition api

2022년 4월 11일
·
0개의 댓글
·
post-thumbnail

(번역) Vue 3 - Vue의 진화

2022년 2월 7일 부터 Vue 3가 Vue의 기본 버전이 되었습니다. 이는 근 2년 동안의 Vue 생태계에서 가장 기념비적인 일입니다. 최근 2년간 Vue에는 다음과 같은 변화가 있었습니다.

2022년 3월 15일
·
0개의 댓글
·

📄 Vue 2 → Vue 3 정리

이 Composition API는 Vue2 구조를 붕괴시키는 API라고 합니다. 약간 현재 Vue 3가 나온지 얼마 안 지난 상황에서 Compositiion API와 Vue 2를 번갈아가면서 코드를 작성할 경우 매우 큰 혼란을 야기시킬 수 있다고 해요.즉 Composi

2022년 3월 10일
·
0개의 댓글
·

vue 3.0 (1) Introduction

vue 3.0 reference Introduction

2022년 3월 2일
·
0개의 댓글
·
post-thumbnail

Pinia - 컴포넌트 외부에서 사용 시 (vue2)

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

2022년 2월 22일
·
1개의 댓글
·
post-thumbnail

Pinia + vue2

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

2022년 2월 22일
·
0개의 댓글
·
post-thumbnail

Ref, Reactive

Vue3 Ref, Reative

2022년 2월 21일
·
0개의 댓글
·