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

上篇博客 讲了小程序实现watch机制，这篇介绍如何实现computed计算属性。

小程序的计算属性和Vue.js的不太一样——小程序在.wxml（不是.js）文件中定义（其实是借用wxs标签实现的）：

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

小程序没有所谓的compute计算属性，看文档发现有wxs模版，这个可以充当是小程序的计算属性了。

具体的使用方法如下：（记录一下，怕时间久了忘记了）

【官方文档地址】（ https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/ ）

1.可以在根目录下新建一个util存放，wxs文件后缀是 .wxs。在wxs文件中，直接声明函数就可以了，然后用module.exports导出(类似于单独写一个js文件，然后引入)

2.使用：util是上面定义的别名，checkCouponData是wxs文件中定义的一个方法，该方法需要传入一个参数

问题：在微信小程序中使用height:calc(xx - xx)设置元素高度无效

排查原因:calc属性设置height或width时，要求父容器有明确的对应属性设置，当父容器没有设置时，calc计算无法完成。因为我想设置高度的元素没有父容器，所以calc失效。

解决办法：1.给该元素添加设置明确高度的父容器。2.直接通过page{height:100%}解决。

---