Composition API란 무엇인가?

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

Vue.js

공식사이트의 설명

 

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

Composition API 🆕 | Cracking Vue.js

캡틴판교의 설명

 

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}
    }
}