微信小程序实现computed计算属性微信小程序实现computed计算属性

上篇博客讲了小程序实现watch机制，这篇介绍如何实现computed计算属性。
小程序的计算属性和Vue.js的不太一样——小程序在.wxml（不是.js）文件中定义（其实是借用wxs标签实现的）：

module.exports = { reverse: function(str) { return str.reverse() }, arr2Str: function(arr) { return arr.join('、') } } {{ fn.reverse('大海爱奔跑') }} {{ fn.arr2Str(['Vue', 'Node', '小程序', 'JS', 'CSS']) }}

Tips 【微信小程序实现computed计算属性】计算属性中很可能要用到data，亲测下来似乎引用不到，即不能通过this.data.xxx访问到，可以换种方式实现——在调用的地方，往函数里传递需要使用的data字段，比如：

module.exports = { getText: function(keyword, length) { // 这里不能使用`${xxx}`格式，否则报错 return '关键词' + keyword + '匹配到 ' + length + ' 个结果' } } {{ fn.getText(keyword, names.length) }}