vue watch的用法

watch,methods的用法

watch顾名思义，就是观察、监听的意思。直接上代码比较合适

props:{
    randomNum:Number  //父组件传过来的一个随机数
},
watch(){
    randomNum(){
        //调用的函数
    }
}

这里是监听来自父组件的传值(randomNum)，当randomNum发生变化时候，调用函数。

data(){
    return{
        varName1:""
    }
},
props:{
    varName2:Number
},
methods:{
    //函数调用
    funName(){
        //对于varName2的一系列操作（注，varName2是来自父组件的传值，在子组件里边不要做任何修改，否则可能会在未来的vue版本中报错），funName必须要有事件调用才可以执行。
    }
}

综上： 函数事件，必须得有事件触发才可以执行函数或者赋值

而watch则不用，他可以在监听到值发生变化后就可以执行函数。