vue使用技巧（分頁、nextTick、復制對象）

分頁技巧

v1.0+ 版本的時候使用過濾器 limitBy 實現

v2.0+ 版本的時候使用compute使用 slice 方法實現

data:{
    pageNum:10
},
computed：{
      newArr：()=>{
             return this.oldArr.slice(0,this.pageNum)        
      }  
}    
//獲取更多的時候改變 pageNum，遍歷數組時遍歷新newArr

 mounted鈎子函數

在mounted鈎子函數中不能保證所有的子組件都被掛載完畢，如果希望在所有子組件掛載完畢再執行，使用 vm.$nextTick

mounted: function () {
  this.$nextTick(function () {
    // TODO
   
  })
}

 復制對象

//不想對父組件傳過來的值改變，而影響父組件
let myData = JSON.stringfiy(this.data)
myData  = JSON.parse(myData )

遞歸組件

當組件有name 屬性的時候，可以在自己的模板中調用自己，對開發循環類組件非常實用