小程序 实时监听（watch/computed）数据的变化

目录

1、引入插件

2、使用插件

 

---

在vue中，监听数据变化常用 watch / computed ，在微信小程序里怎么用呢？通过一通学习，找到了一个插件，然后自己操作了一波。

 

1、引入插件

npm install --save miniprogram-computed

2、使用插件

如果你已经有一个这样的页面：

Page({
   data: {
     a: 111,
     b: 222,
   },
   onLoad: function() {},
   aaa(){},
   bbb(){}
})

可以先把它改成：

Component({
   data: {
     a: 111,
     b: 222,
   },
   methods:{
     onLoad: function() {},
     aaa(){},
     bbb(){}  
   } 
})

然后就可以用了：

const computedBehavior = require('miniprogram-computed')

Component({
   behaviors: [computedBehavior],
   data: {
     a: 111,
     b: 222,
   },
   computed: {
     sum(data) {
       return data.a + data.b
     },
   },
   methods: {
     onLoad: function() {},
     aaa(){},
     bbb(){}
  },
})