vue-cli监听属性watch如何监听对象内部参数

时间:2024-11-01 17:14:25

1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目

vue-cli监听属性watch如何监听对象内部参数

2、在data中创建参数(创建一个对象kilometers),watch监听的参数需要提前声明。

vue-cli监听属性watch如何监听对象内部参数

3、在watch属性中写入监听的对象,参数后在handler写入执行的方法,deep属性填true会进行深度监控,填false不会进行深度监控

vue-cli监听属性watch如何监听对象内部参数

4、使用输入框进行数据变动和数据展示。下方的打印“info”可以看出监听结果。

vue-cli监听属性watch如何监听对象内部参数

5、展现结果

vue-cli监听属性watch如何监听对象内部参数
© 2025 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com