Travel项目小记（二）

1 router-link 点击页面跳转，在渲染页面的时候会在元素外面加一层 a 标签（a标签有默认颜色）

2 Better-scorll   npm下载 ，在单文件组件里面使用，html需要滚动的外层和 ref (wrapper)的内层要加一层 div ,然后在生命周期函数mounted中写入  this.scroll = new Bscroll(this.$refs.wrapper)，另外最外层ref（wrapper）可以设置成 position:absolute; top:0; left:0; right:0; bottom:0  ，可以用 this.scroll.scrollToElement(element) 使页面元素定位到相应的位置

3 flex 纵向布局 display: flex; flex-direction: column; justify-content: center;

4 子组件向父组件传值是用向外触发方法的方式，子组件中用 this.$emit('方法名'，'携带的值')，父组件接收值 在html中，在方法名前面用 @ 符号监听

5 在移动终端上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分别对应了触屏开始、拖拽及完成触屏事件和取消。

6 子组件的dom结构不是在 created 周期函数里，而是在组件接收父组件的值后，更新后的周期函数 updated 里 (个人理解)

7 vue(状态管理模式)  1 安装并使用  2 创建一个 store来初始化 state action mutation   3 在main.js 里面的总实例里需要注册

8 跳转的两种方式  1 router-link    2 this.$router.push('' ")

9 vuex的一些高级用法 1 Getter Module              2 两个api  ① mapState  ② mapMutations

10 keep-alive（一般写在router-view 标签外面）  vue自带标签，第一次到这个页面时，会吧ajax请求的内容储存起来，当切换到相同页面时（即第二次到这个页面时），不会再发送ajax 请求，而是从第一次取到数据，提高了性能。 当用keep-alive 时，mounted只会执行一次，而且会产生新的生命周期函数（组件激活时调用activated、组件停用时调用deactivated） ,另外可以在其中写 exclude='组件名'，使这个组件不被缓存,也不会有activated 和 deactivated 生命周期函数

11 手指横纵坐标  e.touches[0].clientX  e.touches[0].clientY