vue怎么监听变量

发布时间：2022-04-21 15:55:47 阅读：239 作者：iii 栏目：大数据

Vue开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章主要介绍了vue怎么监听变量的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue怎么监听变量文章都会有所收获，下面我们一起来看看吧。

具体步骤如下：

1.首先，新建一个html项目，并在项目中引入vue；

import Vue from 'vue'

2.引入vue后，在项目中定义一个监听对象；

data: {a: 1,b: 2,c: 3,d: 4,e: {f: {g: 5}}},

3.最后，监听对象定义好后，使用watch方法即可监听对象中的变量；

1）监听变量

watch: {bet(newValue, oldValue) {console.log(newValue);}}

2）监听某一个对象

watch: {'bet.text': function (val, oldVal) {}}

相关扩展：

1）使用service方法监听整个对象

serviceList:{handler(){console.log(this.serviceList);},deep:true,immediate: true},

关于“vue怎么监听变量”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue怎么监听变量”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。

向AI问一下细节

猜你喜欢