computed属性计算函数能否传递参数？

最新推荐文章于 2024-07-10 08:34:56 发布

原创最新推荐文章于 2024-07-10 08:34:56 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文探讨了JavaScript中的高阶函数概念，重点讲解了如何在compunted中定义接受参数的计算函数，以及如何通过嵌套函数处理参数并返回结果的过程。

可以，主要利用高阶函数(HOF来实现)。

高阶函数的概念：函数的参数是函数或函数的返回值是函数，可以称高阶函数。
compunted中定义属性计算函数，一般如果没有参数传递，可以直接return返回属性计算的结果
但如果需要传递参数，则计算函数中需要进行return fn(arg...)，而这个返回的函数中可以设置参数内容，最终属性计算的函数调用将会调用到return返回的这个函数内容。

{{ compuntedFn(arg) }}

computed: {
    compuntedFn: function () {
      return function (arg) {
        return "compuntedResult"
      };
    },
  },