前端watch监听属性是什么意思

定义: Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。

监听属性值，data里面的属性！！！

下面实例:

代表切换typeId属性的时候，也就是需要视图变化的功能，能点击功能发生变化的功能；我的理解就是，一般功能发生视图切换变化的，一般都需要监听一下

watch: {
    typeId: {
        handler(newval, oldval) {
            this.typeName = this.getNameById(newval);
            if (newval != oldval) {
                this.getTotal();
                this.getKLine();
            }
        }
    }
}

详解上面三个意思

1.this.typeName = this.getNameById(newval); 点击切换下面这个图的时候发生变化，需要监听一下

如图1:

2.this.getTotal(); 这个是图2获取的数据方法， 代表点击图1的时候，这个也随之变化，进行切换新数据

如图2:

3.this.getKLine(); 这个是图3获取的数据方法，klinecharts图K线图。代表点击图1的时候，这个也随之变化，进行切换klinecharts图K线图的变化

如图3