ページの最下部に行ったらコンテンツが追加されるような処理を実装してみた

こんな感じの挙動です

まずスクロール値を監視

data : function(){
  return{
    scrollY : 0 //スクロール値が保存される
  }
},
mouted : function(){
  window.addEventListener('scroll',this.handleScroll);
},
methods : {
  handleScroll : function(){
    this.scrollY = window.scrollY;
  }
}

スクロールを監視して最下部に来た時に処理を実行

watch : {
  scrollY : function(){
    let bottom = document.body.scrollHeight - document.body.clientHeight;
    if(bottom <= this.scrollY){
      //最下部に来たときに実行される
      this.getNextContent();
    }
  }
}