微信小程序使用computed

安装依赖

npm init -y // 如果你的小程序根目录不是全英文，那么输入npm init，然后输入任意一个英文名称，一直回车即可
npm install --production
npm install --save miniprogram-computed

构建npm

点击微信开发者工具上方工具栏的 工具 -> 构建npm -> 构建完成点击确定即可

使用computed

1.在需要使用的页面或组件中引用

const computedBehavior = require('miniprogram-computed').behavior
// import {
//   behavior as computedBehavior
// } from 'miniprogram-computed'

2.在pages中加入

behaviors: [computedBehavior],

3.使用方法

Page({
  behaviors: [computedBehavior],
  data: {
    homeTeam: {
      score: 0
    },
    seconds: 0,
  },
  watch: {
    'homeTeam.score': function (val) {
      console.log('val---', val);
    }
  },
  computed: {
    formatTime(data) {
      // 注意： computed 函数中不能访问 this ，只有 data 对象可供访问
      // 这个函数的返回值会被设置到 this.data.sum 字段中
      const minutes = Math.floor(data.seconds / 60)
      return minutes
    }
  }})

4.wxml中使用计算属性

<div class="timer">{{ formatTime }}</div>