제리코드르렁

2. TodoList.vue 3. TodoListItem.vue {{ todoItem.todo }} 삭제 4. InputTodo.vue 추가 주요 변경 사항:defineProps와 defineEmits:props와 emit을 각각 선언하고 관리할 수 있다.기존의 props 및 emits 옵션과는 다르게, 각각 defineProps() 및 defineEmits()를 사용하여 컴팩트하게 선언할 수 있다.ref와 반응형 데이터:반응형 데이터는 모두 ref()로 선언되어 관리된다.todoList, newTodo 등은 상태를 관리하는 반응형 데이터로 사용된다.자동 컴포넌트 등록:에서는 컴포넌트를 import한 후 따로 등록하지 않아도 바로..

참고자료 : 원쌤의 퀵 Vue.js1. Option API의 생명주기 훅export default { data() { return { message: 'Hello Vue!' } }, // 컴포넌트가 생성되기 직전에 호출됨 beforeCreate() { console.log('beforeCreate') }, // 컴포넌트가 생성된 후 호출됨 created() { console.log('created') }, // DOM에 컴포넌트가 마운트되기 직전에 호출됨 beforeMount() { console.log('beforeMount') }, // DOM에 컴포넌트가 마운트된 후 호출됨 mounted() { console.log('mounted')..