티스토리 뷰

dev/vue3

Composition API란 무엇인가?

dev_0hoon 2025. 1. 22. 21:36

https://vuejs.org/guide/extras/composition-api-faq.html

 

Vue.js

Vue.js - The Progressive JavaScript Framework

vuejs.org

공식사이트의 설명

 

https://joshua1988.github.io/vue-camp/reuse/composition.html

 

Composition API 🆕 | Cracking Vue.js

컴포지션 API Vue 2Vue 3 컴포지션(Composition API)은 컴포넌트 코드 재사용성을 높여주는 API입니다. Vue 2에서 플러그인 형태로 지원 (opens new window)되다가 Vue 3부터 라이브러리 공식 API로 채택되었습니

joshua1988.github.io

캡틴판교의 설명

 

option api

export default{ 
	data() {
    	return{
        	message : 'hi'
        }
    },
    methods : {
    	changeMessage() {
        	this.message = 'hello'
        }
    }

}

composition Api
export default {
	setup() {
    	const message = ref('Hi'); //data()의 reactivity 로 움직이게 된다.
        const chanheMessage = () => {
        	message.value = 'Hello';
        }
        
        return {message, changeMessage}
    }
}
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함