Vue 모 바 일 qq 인 스 턴 스 코드(demo)

vue 프로필
Vue.jsː/, view 와 유사)는 사용자 인터페이스 를 구축 하 는 점진 적 인 프레임 워 크 입 니 다.
Vue 는 그래 픽 에 만 관심 을 가지 고 아래 에서 위로 증 량 개발 한 디자인 을 사용 합 니 다.
Vue 의 목 표 는 가능 한 한 간단 한 API 를 통 해 응답 하 는 데이터 바 인 딩 과 조 합 된 보기 구성 요 소 를 실현 하 는 것 입 니 다.
Vue 학습 은 매우 간단 합 니 다.본 강 좌 는 Vue 2.1.8 버 전 테스트 를 바탕 으로 합 니 다.
개술
이것 은 16 년 9 월 에 찾 은 오픈 소스 프로젝트 소스 코드 로 자신의 실제 상황 과 결합 하여 수정 한 프로젝트 로 앞으로 내용 이 크게 다 를 것 이다.프로젝트 의 목 표 는 QQ 를 본 받 는 것 이다.
페이지 효과 표시

면책 성명
본 프로젝트 는 개원 프로젝트 인 데,유사 한 점 이 있다 면 순 전 히 우연 의 일치 이다.
프로젝트 구현 기능
사 이 드 바
연락 페이지
동적 페이지
정보 목록
친구 검색
대화 페이지
정보 목록 좌우 슬라이딩
새로운 기능 추가
정보 치타 의 삭 제 를 어떻게 추 가 했 는 지,
읽 을 수 있 는 태그,
꼭대기 에 놓다
문제 가 있다
이벤트 삭제,정상 이벤트 와 태그 이벤트 의 트리거 영역 이 이동 하 였 습 니 다.원인 을 조사 하고 있 습 니 다.여러분 의 지 도 를 환영 합 니 다.
주:프로젝트 의 개발 주의사항,구덩이 메 우기,기술 창고 등 관련 글 은 제 굴 금 개인 홈 페이지 를 방문 하 십시오.
데스크 톱 및 모 바 일 테스트
데스크 톱 테스트:npm run dev 후 개발 자 도구 F12 를 열 고 모 의 핸드폰 미리 보기 Ctrl+Shift+M(Chrome)

모 바 일 테스트:npm run dev 후 cmd 명령 행 에 ipconfig(win)를 입력 하여 랜 내 ip 주 소 를 가 져 옵 니 다

기술 창고
vue-cli
vue2
vue-router
vuex
axios
stylus
webpack2
muse-ui
디 렉 터 리 구조

├── README.md
 ├── build         //      webpack  
 ├── config        //          
 ├── dist         //   build  
 ├── index.html      //       
 ├── package.json     //       
 ├── mockdata.json     //      （    ）
 ├── src
 │  ├── common      //    css  
 |  ├── components    //     
 │  ├── router      //         
 │  ├── vuex       //   Vuex   
 │  ├── muse-ui.config.js // muse-ui       
 │  ├── App.Vue      //       
 │  └── main.js      // Webpack      
 ├── static        // css js      
#   
 npm install
 #   （  8888）
 npm run dev
 #   
 npm run build

이것 은 제 가 github 에서 찾 은 오픈 소스 프로젝트 의 코드 를 연습 하고 vue 의 개발 능력 을 향상 시 키 는 demo 입 니 다.
원본 주소:github 주소마음 에 드 시 면 스타 를 추가 하 세 요!
총결산
위 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 Vue 모방 핸드폰 qq 의 인 스 턴 스 코드(demo)입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!