반응형 프로그래밍/Vue.js2 [Vue.js] 간단한 todo app 구현 프로젝트 폴더 구조 기능입력폼에 데이터 입력 후 엔터 혹은 add 버튼 클릭 시 데이터 추가탭 [todo, finish] 클릭 시 해당 목록 출력todo 목록에서 완료버튼 클릭 시 finish로 이동finish 목록에서 reset버튼 클릭 시 todo로 이동 vue-cli 설치(전역)sudo npm install vue-cli 'todo-app' 폴더 생성 후 webpack-simple 템플릿으로 프로젝트 생성 mkdir todo-appcd todo-appvue init webpack-simple 전부 enter(기본값)npm installnpm run dev 프로젝트 생성 후 폴더 구조 todo-app/style.css(생성 후 작성) 1234567891011121314151617181920212223.. 프로그래밍/Vue.js 2018. 2. 22. Vue.js 기초 Vue-CLI로 프로젝트 기본 틀 만들기 vue init [템플릿명][프로젝트명] 이 명령어를 수행하면 [프로젝트명]으로 디렉터리가 생성됨 simple 템플릿을 이용하여 첫 번째 Vue.js 애플리케이션 생성 윈도우 cmd / Mac terminal 명령창에 명령어 실행 vue init simple hellovuejs 생성된 프로젝트 기존 index.html 소스코드 수정 12345678910111213141516171819202122232425262728 Welcome to Vue {{message}} //모델(Model) 객체 => 데이터를 가지고 있음 var model = { message : '첫번째 Vue.js Sample' }; //simple객체 : Vue 객체이자 뷰모델(ViewModel).. 프로그래밍/Vue.js 2017. 12. 26. 이전 1 다음 💲 추천 글 반응형