vue computed带参数的计算属性

有时候我们在使用计算属性的时候，需要带参数，这个时候如果这样写会报错：

...

computed:{
    test: function (a) {
      return this.attr1+ ' ' + a
    }
}
...

<a>{{ test ('aaaa')}}</a>

错误会提示 test不是一个function，这是因为，计算属性要求是一个function，但是test 虽然是一个funtion 但是test ('aaaa') 已经是一个字符串了，不是一个function。这个时候我们可以用闭包：

...

computed:{
    test: function (a) {
       return function () {
          return this.attr1+ ' ' + a
        }
    }
}
...

<a>{{ test ('aaaa')}}</a>

这样 test ('aaaa')仍然是一个function

这里还要注意，计算属性如果写成箭头函数this.attr1 会undefined