vue todos

vue-todos

미리보기 주소(반응형 디자인, PC, 모바일) 최초 출시 주소(소스코드 및 튜토리얼)

vue-todos 는 todomvc vue 모듈의 업그레이드 버전입니다. 간단한 인터페이스, 풍부한 기능 및 포괄적인 지식을 갖추고 있어 vuejs를 빠르게 시작하는 데 도움이 됩니다. , 그리고 이것이 제가 지속할 수 있는 동기입니다!!

머리말

vuejs 는 생산성을 크게 향상시키는 좋은 오픈 소스 프로젝트입니다. 2년 동안 Vue를 사용하면서 승진과 급여 인상이 이루어졌을 뿐만 아니라 프론트엔드 기술에서도 큰 발전을 이루었습니다. 저는 오랫동안 주요 Vue 그룹과 주요 포럼에서 어울리며 많은 vuejs 초보자 질문에 답변해 왔습니다. vueApi 문서에서 많은 문제가 API에 대한 이해 부족으로 인해 발생한다는 것을 알았습니다. 가장 나쁜 점은 많은 사람들이 문서를 참조하는 것을 좋아하지 않고, 연습할 기회가 거의 없기 때문에 문제에 직면할 때 헤매는 것입니다. .

희망

이 과정을 통해 초보자는 Vuejs를 빠르게 시작하고 Vue.js 초보자가 Vuejs를 단계별로 효과적으로 배울 수 있기를 바랍니다.

달리다

 # 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build

당신은 배울 것입니다

• vue-cli 개발환경 구축
• API 문서 및 구성 요소 프로그래밍 분석
• Vue 기본 사항(1. 인스턴스 2. 구성 요소 3. 지시문 4. 옵션 5. 템플릿 렌더링 6. 이벤트 바인딩 7. 계산된 속성 8. 내장 애니메이션 9. 구성 요소 상호 작용 10. 내장 라우팅)
• vue 고급(1.vue 라이프사이클 2.vuex 사용법 3.axios 사용법 4.mock.js 프론트엔드 시뮬레이션 데이터)
• 도메인 간 문제에 대한 솔루션

사진 미리보기

*PC 버전

강좌 카탈로그(계속 지켜봐 주시기 바랍니다. 매일 한 섹션이 업데이트됩니다)

• 개발 환경 설정
  • Node.js 설치
  • vue-cli 설치
  • 첫 번째 Vue 애플리케이션 만들기
• todomvc 업그레이드 버전의 실제 개발]
  • 사전 준비
    • 프로젝트 분석
    • 분석 필요
    • API 분석
    • 성분 분석
  • 반응형 레이아웃
  • 구성요소 작성
    • 메뉴 구성요소
    • 헤드 어셈블리
    • 목록 구성요소
  • 메뉴
    • api.js(axios.js)가 작성함
    • 메뉴 데이터 바인딩
    • 새로운 메뉴
  • 머리
    • 단일 데이터 바인딩
    • 목록 추가
    • 제목 수정
    • 콘텐츠 삭제
  • 목록
    • 할 일 항목 완료
    • 할 일 항목 수정
    • 할 일 항목 삭제
  • 잠금
    • 할 일 항목 잠금
  • 뷰엑스
    • 메뉴 데이터 업데이트
    • 모바일 메뉴 축소
  • 전환 애니메이션
    • 메뉴 애니메이션
    • 목록 애니메이션
• Vue.js 지식 포인트 설명