• 先隱藏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">
  
  

• 如何獲得動態路由的參數呢？
  axios.get(‘/static/mock/detail.json‘, {
  params: {
  id: this.$route.params.id
  }
  }).then(this.getDetailMsgSucc)

*組件中的name有什麽用？
~
1.遞歸組件時會用到name；
2.當我們想對某個頁面取消緩存時，也會用到；
3.開發者工具會顯示

*如何取消滾動行為bug
~在路由的index.js中添加如下代碼即可

今日學習遇到的問題（2018.9.23）