Vue遇到的坑

1. 给router-link 标签添加事件@click 、@mouseover等无效的情况

 自定义组件绑定原生事件，router-link会阻止click事件，需要加.native修饰符。@click.native="displayArticle('hot')"

2.Vue2.0通过二级路由实现页面切换

index.js中的路由配置/一级路由对应的组件中向二级路由跳转：

//

二级路由对应的组件的样式设计：

3. better-scroll的使用

条件：① 必须包含两个大的div，外层和内层div
② 外层div设置可视的大小(宽或者高)-有限制宽或高
③ 内层div，包裹整个可以滚动的部分
④ 内层div高度一定大于外层div的宽或高，才能滚动

竖向滚动

（1）html

<div class="wrapper" ref='wrapper'>
  <div class="xxx">
      ...
  </div>
</div>

（2）js，在挂载时初始化scroll

import Bscroll from 'better-scroll'
export default {
  data () {
    return {}
  },
  m