[JavaScript知识库]vue 仿去哪儿页面

项目地址：https://gitee.com/zhukaijin/travel

要点记录

1. 使用better-scroll的场合，div的click事件会失效，需设置better-scroll的配置 click: true
2. 使用better-scroll的场合，注意wrapper的高度必须小于content的高度，否则会滚动失效
   保险起见：updated中better-scroll刷新 this.scroll.refresh()
3. banner图片占位，优化体验，学会使用css padding-bottom 的百分比用法
4. vue动态路由
5. css的flex 布局
6. 票务信息 运用到递归组件，递归组件也是组件定义name的原因之一，组件name 也方便vue-devtool 中组件区分
7. window全局事件注册后，在组件跳转之前需要销毁。避免污染别的组件
8. 组件切换，滚动条归零，可使用router方法：scrollBehavior
9. keep-alive 可缓存不活动组件，保存组件的渲染状态
10. 同局域网内通过IP真机联调时，package.json 添加配置 “dev”: "webpack-dev-server后面添加 --host 0.0.0.0
11. 后端请求的同级路径是打包后的index.html, 修改项目的根路径 webpack配置下的index.js 下的 assetsPublicPath