《Vue应用开发》课件——2.16侦听器.pptxVIP

任务2.16侦听器;掌握侦听器，能够灵活运用侦听器监听数据的变化并进行相应的操作;什么是侦听器？;;watch(侦听器的来源,回调函数,可选参数);第2个参数是数据发生变化时要调用的回调函数，这个回调函数的第1个参数表示新值，即数据发生变化后的值，第2个参数表示旧值，即数据发生变化前的值。

第3个参数是可选参数，它是一个对象，该对象有以下2个常用选项。

deep：默认情况下，当侦听一个对象时，如果对象中的属性值发生了变化，则无法被监听到。如果想监听到，可以将该选项设为true，表示进行深度监听。该选项的默认值为false，表示不使用该选项。

immediate：默认情况下，组件在初次加载完毕后不会调用侦听器的回调函数，如果想让侦听器的回调函数立即被调用，则需要将选项设为true。该选项的默认值为false，表示不使用该选项。;;步骤1;保存上述代码后，在浏览器中访问:5173/，在输入框中输入“beijing123”后的页面效果如下图所示。