摘要： 创建分支：city-keepalive 拉取并切换分支： git pull git checkout city-keepalive 启动服务，点击右上角的城市进入城市列表页，点击城市再返回到首页，这一系列操作下来，我们在Network里会发现不停的请求 indes.json 和 city.json 阅读全文

摘要： 创建分支：city-vuex 拉取到本地并切换分支： git pull git checkout city-vuex 我们要做的功能是在城市列表页，选择某一个城市后，首页右上角的城市也跟着变化。 安装Vuex： npm install vuex --save 在src目录下，创建store文件夹，新 阅读全文

摘要： 创建恩智：city-search-logic 拉取到本地并切换分支： git pull git checkout city-search-logic 打开search.vue文件，先增加一个显示结果区域，并给input增加双向绑定： <template> <div> <div class="sear 阅读全文

摘要： 在城市列表页，我们想实现点击右侧的字母表，左侧城市列表会自动的滚动到对应的字母显示区域之中。 创建分支：city-components 拉取到本地并切换分支： git pull git checkout city-components 打开Alphabet.vue文件，给li添加一个点击事件： <l 阅读全文

摘要： 创建分支：city-ajax 拉取到本地并切换分支： git pull git checkout city-ajax 然后在City.vue文件中发起axios请求： import axios from 'axios' export default { data () { return { hotC 阅读全文

摘要： 安装Better-scroll插件： npm install better-scroll --save 查看github发现使用better-scroll，需要元素符合以下这种结构： <div class="wrapper"> <ul class="content"> <li>...</li> <l 阅读全文

摘要： 创建分支：city-list 拉取到本地并切换分支： git pull git checkout city-list 新建List.vue文件： <template> <div class="list"> list </div> </template> <script> export default 阅读全文

摘要： 创建分支：city-search 拉取到本地并切换分支： git pull git checkout city-search 新建Search.vue文件： <template> <div class="search"> <input class="search-input" type="text" 阅读全文

摘要： 创建分支：city-router 拉取到本地并切换分支： git pull git checkout city-router 然后配置路由index.js： import Vue from 'vue' import Router from 'vue-router' import Home from 阅读全文

摘要： 头部城市部分，在Home.vue页面添加代码： <home-header :city="city"></home-header> <script> export default { data () { return { city: '', swiperList: [], iconList: [], 阅读全文

摘要： 创建分支：index-axios 拉取到本地并切换分支： git pull git checkout index-axios 安装axios： npm install axios --save 在Home.vue文件中添加代码： <script> import HomeHeader from './ 阅读全文

摘要： 新建Weekend.vue文件，并添加到Home.vue里 <template> <div> <home-header></home-header> <home-swiper></home-swiper> <home-icons></home-icons> <home-recommend></hom 阅读全文

摘要： 还是在远程创建分支 ：index-recommend 拉到本地并切换分支： git pull git checkout index-recommend 在home\components目录下新建Icons.vue文件， 然后在Home.vue文件中引用： <template> <div> <home 阅读全文

摘要： 还是在远程创建分支 ：index-icons 拉到本地并切换分支： git pull git checkout index-icons 在home\components目录下新建Icons.vue文件， 然后在Home.vue文件中引用： <template> <div> <home-header> 阅读全文

摘要： 先在远程创建分支 ：index-swiper 然后把新创建的分支拉到本地，并切换分支： git pull git checkout index-swiper 轮播需要用一个第三方插件：vue-awesome-swiper 为了稳定性，我们安装使用v2.6.7的版本： npm install vue- 阅读全文