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

巴特西

vue使用技巧（分页、nextTick、复制对象）

最新文章

热门文章