博客

computed能完成的功能 watch都可以实现 反之不行 例如 :watch可以执行异步操作

监听属性(compued):


1.一次只能计算一个 变量 如果data有多个变量 则需要重新写一变

2.只是监听数据源data里面的属性,不产生新的属性 所以不用写return

计算属性($Watch):

1.只需要一个就行 因为 计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个

2. 因为新增属性 所以要写 return

监听:

//监听的一种方式 vue 对象创建完成后直接写到实例属性上
    //参数1:监听的对象 数据源 data里面的变量 
    // 参数2:回调函数 
    //   回调函数参数1: 新值 参数2:旧值
    ve.$watch("count", function (newValue, oldValue) {
        console.log(newValue);
        console.log("o--", oldValue);
        //计算总价
        this.all = newValue * this.price
    })
    ve.$watch("prcie", function (newValue, oldValue) {
        console.log(newValue);
        console.log("o--", oldValue);
        //计算总价
        this.all = newValue * this.count
    })