今日学习遇到的问题（2018.9.23）

• 先隐藏swiper然后再显示swiper会发生宽度计算问题
  ~在swiperOption中添加observeParent属性即可

// 先计算滚动了多少，一旦超过60，就隐藏abs，显示bar
const scrolledDistance = document.documentElement.scrollTop

activated () {
// 因为我们使用了keepalive标签包裹app.vue，就多了这个钩子函数
// 当页面活跃时监听滚动事件，一旦发生滚动便执行handleScroll方法
window.addEventListener('scroll', this.handleScroll)
}

• 全局事件要及时清除
  ~activated () {
  // 因为我们使用了keepalive标签包裹app.vue，就多了这个钩子函数
  // 当页面被显示时监听滚动事件，一旦发生滚动便执行handleScroll方法
  // 这是绑定了全局事件，会影响其他组件
  window.addEventListener('scroll', this.handleScroll)
  },
  deactivated () {
  // 当我们离开页面时需要清除全局事件
  window.removeEventListener('scroll', this.handleScroll)
  }

• 递归组件如何使用？
  
  

  
  <detail-list :list="item.children">