vue监听watch监听全局对象,vue watch实现

　　本文主要介绍监控vue watch对象的简单方法，通过示例代码进行了非常详细的介绍，对您的学习或工作有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。

　　watch的功能是监控vue实例上数据的变化。

　　示例：

　　查询数据：{

　　名称： ，

　　创建者： ，

　　选定状态： ，

　　时间：[]，

　　},

　　1、普通的watch

　　data() {

　　返回{

　　前沿点：0

　　}

　　},

　　观察：{

　　frontPoints(新值，旧值){

　　console.log(新值)

　　}

　　}

　　2、数组的watch

　　data() {

　　返回{

　　winChips:新数组(11)。填充(0)

　　}

　　},

　　观察：{

　　winChips: {

　　处理程序(新值，旧值){

　　for(设I=0；I新值.长度；i ) {

　　if (oldValue[i]！=newValue[i]) {

　　console.log(新值)

　　}

　　}

　　},

　　深：真的

　　}

　　}

　　3、对象的watch

　　data() {

　　返回{

　　赌注：{

　　博克斯特州：53，

　　扑克历史：“本地”

　　}

　　}

　　},

　　观察：{

　　赌注：{

　　处理程序(新值，旧值){

　　console.log(新值)

　　},

　　深：真的

　　}

　　}

　　tips: 只要bet中的属性发生变化(可以监控)，就会执行handler函数；

　　如果要监控特定属性的变化，比如pokerHistory，那么可以执行handler函数，可以使用计算出来的属性作为中间层。

　　例子如下：

　　4、对象具体属性的watch活用computed

　　data() {

　　返回{

　　赌注：{

　　博克斯特州：53，

　　扑克历史：“本地”

　　}

　　}

　　},

　　计算值：{

　　扑克历史(){

　　返回this.bet.pokerHistory

　　}

　　},

　　观察：{

　　扑克历史(新值，旧值){

　　console.log(新值)

　　}

　　}

　　总结

　　关于vue watch监控对象的这篇文章到此为止。有关vue watch监控对象的更多信息，请搜索我们之前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。