Vue Composition API Notion
ย
ย
Vue Composition API Usage
ย
ย
vuejs/composition-api
Vue 2 plugin for Composition API npm install @vue/composition-api yarn add @vue/composition-api You must install @vue/composition-api as a plugin via Vue.use() before you can use the Composition API to compose your component. ๐ก When you migrate to Vue 3, just replacing @vue/composition-api to vue and your code should just work.
https://github.com/vuejs/composition-api
[Vue 3] Composition API ์ดํด๋ณด๊ธฐ
์๋
ํ์ธ์! ์ด๋ฒ ํฌ์คํ
์์๋ ์ดํ Vue.js 3 ๋ฒ์ ์์ ์ถ๊ฐ๋ Composition API ์ ๋ํด ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ์ง๊ธ์ Vue.js๋ 2.6.11 ๋ฒ์ ์ด๋ฉฐ 3๋ฒ์ ์ ํฅํด๊ฐ๊ณ ์์ต๋๋ค. ์ปดํฌ์ง์
API(Composition API)๊ฐ ๋ฑ์ฅํ๋ค๋ ์์์ ๋ง์ ๊ด์ฌ์ ๋ฐ์์๋๋ฐ์, ์ด๋ค ๋ด์ฉ์ธ์ง ํ ๋ฒ ์์๋ด
์๋ค. - Node.js (with NPM) ์ง๊ธ์ Vue.js๋ 2.x ๋ฒ์ ์ ๋จธ๋ฌผ๋ฌ ์๊ธฐ ๋๋ฌธ์ ์ปดํฌ์ง์
API๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค.
![[Vue 3] Composition API ์ดํด๋ณด๊ธฐ](https://tistory4.daumcdn.net/tistory/2774648/91076df223a546c69a1b8cb2cfb06da7)
https://geundung.dev/102
![[Vue 3] Composition API ์ดํด๋ณด๊ธฐ](https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb9iDPv%2FbtqCtXlkah1%2F4182OuDfnJEcskkY6Juhgk%2Fimg.png)
Vue2 ์ฐ์ธ์? Composition API ํ๋ฒ ๋์
๋ณด์ธ์๐โโ๏ธ
์ฃผ๋์ด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ๊ฑฐ๋ญ๋๊ธฐ ์ํ ๋
ธ๋ ฅ 6๊ฐ์ ์ฐจ..! ์ ์ ๊ณ ๊ตฐ๋ถํฌ๋ฅผ ์กฐ๊ธ์ฉ ์๊ธฐํด๋ณผ๊นํฉ๋๋ค. ๊ทธ ์ค ์ฒซ ๋ฒ์งธ๋ก Vue composition API๋ฅผ ์๊ฐํ๊ฒ ์ต๋๋ค. ์ฌ์ค ์๊ฐํ๊ธฐ์ ์ข์ ๊ธ์ด ๋๋ฌด ๋ง์์, ๊ฐ๋จํ๊ฒ ์ด๋ป๊ฒ Composition API๋ก ์ฎ๊ฒจ๊ฐ๋ ์ง ์์๋ก ์ค๋ช
ํ๋ ค๊ณ ํฉ๋๋ค. ์ฌ๋ฌ Composition API๋ฅผ ํ์ฉํ ์ฝ๋ ์์๋ฅผ ๋ณด๊ณ ์ถ์ผ์ ๋ถ๋ค์ ์ ๊ฐ ๊ฐ๋ฐํ๋ ํ๋ก์ ํธ SpaceONE(github.com/spaceone-dev/console)์ ์ฐธ๊ณ ํด์ฃผ์ธ์~ **์ด ๊ธ์ Vue์ ๋ํ ๊ธฐ๋ณธ ์ง์์ด ์๋ ๋ถ๋ค์ ๋์์ผ๋ก ํ๋ ํํ ๋ฆฌ์ผ ๊ธ์
๋๋ค!
https://velog.io/@ausg/Vue2-%EC%93%B0%EC%84%B8%EC%9A%94-Composition-API-%ED%95%9C%EB%B2%88-%EB%93%9C%EC%85%94%EB%B3%B4%EC%84%B8%EC%9A%94
ย
ย