Travel项目小记（三）

1 在写路由时，在路径后面写上冒号的形式，可以给不同的页面（前缀相同）同时上路由，例如 ：path: '/detail/:id', name: 'Detail', component: Detail}    ,在其他页面可以用  this.$route.params.id 获取到这个 id

2 swiper页面生成 .swiper-container里面自带有 overflow: hidden, 当swiper从隐藏到显示的时候，计算宽度会出问题，需要在配置项里面写入  observer: true, observeParents: true 来使它显示的时候自我刷新一次

3 vue中增加样式，在标签上 添加 :style= 'yangshiming'   在data里增加 yangshiming： {}

4 全局解绑，例如在某一个子组件里面写了 activated() { window.addEventListener('scroll', this.handleScroll) } ,在离开页面时就要这样销毁，deactivated () { window.removeEventListener('scroll', this.handleScroll) }

5 递归组件 如果数据里面包含着子数据，可以用递归组件

6 发ajax请求， 1  引入axios   2 axios.get('/api/...')

7 vue中 name 被用到的地方   1 用递归组件时，      2  取消某个组件 keep-alive 缓存的效果的时候

8 前后端联调----真机测试------打包上线（npm run build）