Vue2.5 开发去哪儿网App

Vue2.5开发去哪儿网App

技术栈和主要框架

?? Vue 全家桶:vue2.5 + vuex + vue-router + webpack

?? ES6

?? 网络请求:axios

项目运行

# 克隆到本地

git clone https://github.com/1417766861/Vue2.5-App.git

# 安装依赖

npm install

# 开启本地服务器localhost:8088

npm run dev

# 发布环境

npm run build

项目结构:

项目截图

?? 感谢

源码地址

如果喜欢这个项目,欢迎 Star!

原文地址:https://www.cnblogs.com/donghaoblogs/p/10459612.html

时间: 2024-10-08 23:20:17

Vue2.5 开发去哪儿网App的相关文章

Vue2.5开发去哪儿网App 首页开发

主页划 5 个组件,即 header  icon  swiper recommend weekend 一. header区域开发 1. 安装 stylus npm install stylus --save cnpm install stylus-loader --save 2. 编写样式 <template> <div class="header"> <div class="header-left">返回</div>

Vue2.5开发去哪儿网App 从零基础入门到实战项目

第1章 课程介绍 本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获. 第2章 Vue 起步 本章将快速讲解部分 Vue 基础语法,通过 TodoList 功能的编写,在熟悉基础语法的基础上,扩展解析 MVVM 模式及前端组件化的概念及优势. 第3章 Vue 基础精讲 本章通过精挑细选的案例,精讲 Vue 中的基础知识,包括实例.生命周期.指令.计算属性.方法.侦听器,表单等部分内容. 第4章 深入理解 Vue 组件 本章将深入讲解 Vue 组件使用的细节点,从父子组件的参数传递及校验入手

Vue2.5开发去哪儿网App

第1章 课程介绍 本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获. 1-1 课程简介试看 第2章 Vue 起步 本章将快速讲解部分 Vue 基础语法,通过 TodoList 功能的编写,在熟悉基础语法的基础上,扩展解析 MVVM 模式及前端组件化的概念及优势. 2-1 课程学习方法 2-2 hello world 2-3 开发TodoList(v-model.v-for.v-on) 2-4 MVVM模式试看 2-5 前端组件化 2-6 使用组件改造TodoList 2-7 简单的组件间

Vue2.5开发去哪儿网App 城市列表开发之 兄弟组件间联动及列表性能优化

一,  兄弟组件间联动 1.  点击城市字母,左侧对应显示 给遍历的 字母 添加一个点击事件: Alphabet.vue @click="handleLetterClick" handleLetterClick (e) { //获取对应的字母 this.$emit('change', e.target.innerHTML) } 在 父组件City.vue 中,监听 <city-alphabet :cities="cities" @change="ha

项目- Vue全家桶实战去哪网App

最近在学习Vue,花了几天时间跟着做了这个项目,算是对学习Vue入门的一个总结,欢迎同学们star 去哪网APP ?? 项目演示地址:http://118.25.39.84 基于 Vue 全家桶 (2.x) 制作的 去哪网APP项目,项目完整.功能完备.UI美观.交互一流. 点击查看效果 技术栈 [前端] Vue:构建用户界面的 MVVM 框架,核心是响应的数据绑定和组系统件 vue-router:为单页面应用提供的路由系统,项目上线前使用了路由懒加载技术,来异步加载路由优化性能 vuex:Vu

去哪网实习总结:开发定时任务(JavaWeb)

本来是以做数据挖掘的目的进去哪网的,结构却成了系统开发... 不过还是比较认真的做了三个月,老师很认同我的工作态度和成果... 实习马上就要结束了,总结一下几点之前没有注意过的变成习惯和问题,分享给大家. 同时打个广告:去哪网内审部招JavaWeb开发实习生,时间非常自由,每周一天.周六周日甚至都可以,时间充裕的小伙伴给我留言啊,挣个零花钱,还能长点经验....(保研的.想工作的大四狗最合适不过了...) 其实定时任务很简单,js其实也做过,就是Timer类的 Timer.schedule(Ti

去哪网实习总结:easyui在JavaWeb中的使用,以datagrid为例(JavaWeb)

本来是以做数据挖掘的目的进去哪网的,结构却成了系统开发... 不过还是比较认真的做了三个月,老师很认同我的工作态度和成果... 实习马上就要结束了,总结一下几点之前没有注意过的变成习惯和问题,分享给大家. 同时打个广告:去哪网内审部招JavaWeb开发实习生,时间非常自由,每周一天.周六周日甚至都可以,时间充裕的小伙伴给我留言啊,挣个零花钱,还能长点经验....(保研的.想工作的大四狗最合适不过了...) 首先,CSS结构: 其次,页面引用方式: <script type="text/ja

【方案】去哪儿网徐磊:如何利用开源技术构建日处理130亿+的实时日志平台?

转自:http://mp.weixin.qq.com/s?__biz=MzIzMzEzODYwOA==&mid=2665284466&idx=1&sn=2b06a529821734e36e26e642424f24fc&scene=2&srcid=0527p3qISp6dFqGg8iLIYgRF&from=timeline&isappinstalled=0#wechat_redirect [本文系互联网技术联盟(ITA1024)原创首发,转载或节选内容

慕课网app下拉刷新图标填充效果的实现

之前看到一种下拉刷新的效果,与以往的下拉效果都不一样,大多数下拉刷新都是一个圆形进度条在旋转,而这个下拉刷新则是一个不断填充的效果.本以为这是个自定义View,后来反编译慕课网的app后提取资源的时候看到好多的图片,那大概慕课网app内部的实现应该是帧动画达到这种效果.而当我看到这种效果的时候,由于前段时间在学自定义控件,所以本能的反应则是自定义的.首先我们看下慕课网的效果.如下图 而我的也实现了一个这个图标填充的简单版.如下图 整个实现使用图形的混合模式+贝塞尔曲线,贝塞尔曲线的绘制参考自爱哥