2019-08-22

1.复杂逻辑计算:监听任一data里的变量,对值进行任意操作后返回新的data的变量。

与watch比较,常用于监听多个data变量实时改变一个computed变量

//基本类型的计算
data() {
    return {
      price: 5,
      number: 15
    };
  },
  computed: {
    count() {
      return this.price * this.number;
    }
  }

监听data里的数组类型配合非变异方法实时改变数组结构数据

//数组数据变更
  data() {
    return {
      price: [1, 2, 3, 4, 5]
    };
  },
  computed: {
    count() {
      return this.price.map(item => item * 3);
    }
  }
//[3,6,9,12,15]

2.缓存:获取父组件传给子组件的变量变化之前的值
3.重置:返回并设置data里的任一值

你可能感兴趣的:(2019-08-22)