eunas blog

캡틴판교님의 Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex 강의를 바탕으로 실습한 내용입니다. TodoHeader.vue TODO it! TodoInput.vue TodoList.vue {{ todoItem.item }} TodoFooter.vue Clear All App.vue

npm i axios App.vue id : pw : login 결과(response)

싱글 파일 컴포넌트에서 event emit을 구현해보자 AppHeader.vue Header {{ propsdata }} send App.vue {{ str }}

AppHeader.vue에 App.vue에서 정의한 data를 props로 내려보자. AppHeader.vue Header {{ propsdata }} App.vue {{ str }}

AppHeader.vue 컴포넌트를 만들어서 App.vue에서 사용해보자 AppHeader.vue Header App.vue {{ str }}

vu + tab

Vue CLI? 명령줄 인터페이스(Command Line Interface). 명령어를 통한 특정 액션을 수행하는 인터페이스 도구. 명령어 보조/실행 도구 https://cli.vuejs.org/ Vue CLI cli.vuejs.org 터미널(Ctrl + ~)에서 npm을 이용하여 설치 설치 안되면 sudo npm install -g @vue/cli 로 진행 npm install -g @vue/cli where does npm install packages? Windows XP - %USERPROFILE%\AppData\npm\node_modules Windows 7, 8 and 10 - %USERPROFILE%\AppData\Roaming\npm\node_modules Vue CLI 3.x를 이용한 프..

computed 속성을 class binding에서도 엮어 사용할 수 있다. 굳이 computed를 사용하고, methods 속성을 사용하지 않는 이유가 뭘까? ... 그냥 예시인가? Hello

watch data 변화에 따라, 특정 로직을 실행할 수 있는 속성. ※ computed와의 차이가 무엇일까? computed는 단순 값에 대한 계산이나 validation 처리. watch는 매번 실행되는 것이 부담스러운 조금 더 무거운 로직을 구현. 데이터 요청(axios)에 적합하여 methods 속성과 묶어 사용함. "공식문서에는 watch보다 computed 쓰기를 권장함" {{ num }} {{ doubleNum }}

click me