https://github.com/zhchen7/travel

去哪儿网---Vue项目实战移动端（贴近企业开发流程） 运用vue脚手架工具搭建项目，webpack等 轮播图运用 vue-awesome-swiper插件 better-scroll----aimed at solving scrolling circumstances on the mobile side(弹性效果) vuex---实现数据共享 css---stylus
https://github.com/zhchen7/travel

Last synced: 3 months ago
JSON representation

去哪儿网---Vue项目实战移动端（贴近企业开发流程） 运用vue脚手架工具搭建项目，webpack等 轮播图运用 vue-awesome-swiper插件 better-scroll----aimed at solving scrolling circumstances on the mobile side(弹性效果) vuex---实现数据共享 css---stylus

• Host: GitHub
• URL: https://github.com/zhchen7/travel
• Owner: ZhChen7
• License: mit
• Created: 2018-12-10T15:36:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-11T04:31:38.000Z (over 6 years ago)
• Last Synced: 2025-01-14T08:24:16.819Z (5 months ago)
• Language: Vue
• Homepage:
• Size: 146 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# travel

## -用vue写去哪儿网 ---移动端

## *项目介绍*：

数据：完全来自于json数据-----用axios接收数据渲染 

```

import axios from 'axios'

 methods:{

      getDtailInfo(){

          axios.get('/api/detail.json?' ,{

              params:{

                    id: this.$route.params.id

              }

          }).then(this.handleGetDateSucc)

      },

      handleGetDateSucc(res){

             res=res.data

             if(res.ret && res.data){

                const data=res.data

                this.sightName=data.sightName

                this.bannerImg=data.bannerImg

                this.gallaryImgs=data.gallaryImgs

                this.categoryList=data.categoryList

             }

      }

  },

```

![在这里插入图片描述](https://img-blog.csdnimg.cn/20181211114048711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0OTc4OA==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20181211114615863.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0OTc4OA==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述](https://img-blog.csdnimg.cn/2018121111360384.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0OTc4OA==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20181211114750237.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0OTc4OA==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20181211114859380.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0OTc4OA==,size_16,color_FFFFFF,t_70)

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).