vue3 setup() 이용

<script>
import { ref } from 'vue';
    export default {
        setup() {
            //data
            const todoInput = ref('');
            
            //methods
            function addTodo(){
                const todo = todoInput.value;
                localStorage.setItem(todo,todo);
            }
            
            return {todoInput,addTodo}
        }
    }
</script>

 

컴포지션 api는 이렇게 옵션API를 변수와 메소드로 만들어 return을 해주면서 사용하는 것이다. return을 안주면 사용할 수가 없다.