목록V-Model (1)

ksundev 님의 블로그

[TODO App] 동적 앱 만들기 (TodoInput.vue)

(TodoHeader.vue는 기능이 딱히 없으므로 css 적용까지만 했습니다.)Vue.js 동적 앱 만들기 - TodoInput 컴포넌트 구현지금까지는 정적 HTML만 완성했기 때문에 앱이 동작하지 않을 것입니다.이제 data와 methods를 추가하여 동적인 앱으로 만들어봅시다!이번 포스트에서는 TodoInput.vue 컴포넌트에 대해서만 다루겠습니다.1. data()에 입력값을 받을 변수 지정하기Vue.js에서 사용자 입력을 처리하기 위해서는 먼저 data() 함수에 입력값을 저장할 변수를 정의해야 합니다.export default { data() { return { newTodo: "", // 사용자 입력값을 저장할 변수 }; }, // ... 나머지 코드};왜 data(..
[개발] Vue.js/중급 2025. 7. 6. 15:23
이전 Prev 1 Next 다음