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 属性的时候，可以在自己的模板中调用自己，对开发循环类组件非常实用