欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue初学时一些该注意的细节

程序员文章站 2022-04-27 23:42:52
...

1、computed和methods的区别:

计算属性只有在它的相关依赖发生改变时才会重新求值,也就是说当里面的函数调用的某一值没有发生变化,计算属性(computed)会立即返回之前的计算结果,而不必再次执行函数;methods调用总会执行该函数。

2、watch和computed相比使用computed更好

computed可以直接返回变化,而不需要根据绑定参数来变化,就会更简洁

类似于

watch: {
    firstName: function (val) {
      this.fullName = val + ' ' + this.lastName
    },
    lastName: function (val) {
      this.fullName = this.firstName + ' ' + val
    }
  }
computed: {
    fullName: function () {
     return this.firstName + ' ' + this.lastName
    }
  }

_.debounce 是一个通过 lodash 限制操作频率的函数,_.throttle), 参考: https://lodash.com/docs#debounce




相关标签: VUE