1、普通监听（无法监听到第一次绑定的变化）
<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } }2、普通监听（可监听到第一次绑定的变化）
第一种方式有一个缺点 就是当值第一次绑定的时候 不会执行监听函数，，只有当值改变的时候 才会执行，如果想在第一次绑定的时候执行此监听函数，则需要设置 immediate为true，代码如下：
<input type="text" v-model="userName"/> watch: { userName: { handler (newName, oldName) { console.log(newName) }, immediate: true } }3、深度监听（可监听对象内属性变化）
<input type="text" v-model="cityName.name" /> data (){ return { cityName: {name:'北京'} } }, watch: { cityName: { handler(newName, oldName) { console.log(newName) }, immediate: true, deep: true } }到此?uni-app watch事件监听三种用法介绍完成。
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #uniapp #watch监听事件 #1普通监听ampltinput #监听
