vue watch监听基本使用

使用说明

• 使用：可以监听模型数据的改变，当绑定到监听上的模型数据改变了 那么监听就可以触发，来完成具体的功能
• 注意：监听watch在初始化的时候不会执行，只有当数据改变之后才会运行
• 语法：要和el，data，methods同级的位置来进行编写

    Watch:{
     你要监听的数据( newval(新数据),oldval(旧数据) ){
            你要处理的逻辑
        }
    }

简单使用

//-----------------------------html-------------------------------------
    <div id="demoDiv">
        <input type="text" v-model="text">
        <h1>{{text}}</h1>
    </div>
//-----------------------------JavaScript-------------------------------------
        new Vue({
            el:"#demoDiv",
            data:{
              text:"默认值"
            },
            watch:{
                text(newval,oldval){
                    console.log(`新数据是:${newval}----旧数据是${oldval}`)
                }
            }
        })

---

附：详细使用方法：https://www.cnblogs.com/shiningly/p/9471067.html