Vue技术—监视简写

本文主要是介绍Vue技术—监视简写，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<div id="root"><h2>今天天气很{{info}}</h2><button @click="change">切换天气</button>
</div>

const vm = new Vue({el:"#root",data:{ishot:true},computed:{info(){return this.ishot : '炎热' : '凉爽'}},methods:{change(){this.ishot = !this.ishot}},watch:{/*正常写法ishot:{handler(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)}}*//*简写ishot(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)}*/}
})
/*正常写法
vm.$watch('ishot',{handler(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)}
})
*/
/*简写*/
vm.$watch('ishot',function(newvalue,oldvalue){console.log('ishot被修改了',newvalue,oldvalue)
})

这篇关于Vue技术—监视简写的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---