npm install
npm run serve
npm run build
npm run lint
lee-chun-91 / phone-book-class-component Goto Github PK
View Code? Open in Web Editor NEWvue-class-component, vue-property-decorator 를 사용한 class-style-component 기반의 프로젝트
phone-book-class-component's Introduction
phone-book-class-component's People
Contributors
Watchers
phone-book-class-component's Issues
프로젝트 기본 세팅
- 폴더 & 파일 세팅
- scss, components, layouts, views 등 폴더 & 파일 세팅
- 플러그인 설치
- scss, element-ui 등
전화번호부 목록 기능 구현
-
마크업 작업
- 제목, 버튼, 테이블 등
-
기능 구현
- 검색
- 테이블 정렬
- 수정
- 삭제(개별, 전체)
vuex-module-decorators 적용
상세
- vuex-module-decorators 로 전역상태관리 수행
전화번호 수정 기능 구현
- store 에서 수정할 item 찾아 불러오기
- 수정 내용으로 store 수정하기
스타일링
- 컴포넌트별 스타일링
설문 입력 컴포넌트 작업
상세내용
- 컴포넌트 레이아웃 작업
- 재사용성 고려한 컴포넌트 모듈화 (components/form 내 저장)
- 재사용성 고려한 함수 모듈화 (utils 폴더 내 저장)
- AddInfoView, UpdateInfoView 에 동일한 설문 컴포넌트 적용
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.