watch监听vuex对象的值,vue watch监听vuex数据

　　本文介绍了Vue使用watch来监视数组或对象的方法，并通过示例代码进行了详细介绍。对大家的学习或者工作都有一定的参考价值，有需要的朋友可以参考一下。

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(新值)

　　},

　　深：真的

　　}

　　}

　　温馨提示：只要bet中的属性发生变化(可以监控)，就会执行handler函数；

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

　　例子如下：

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

　　data() {

　　返回{

　　赌注：{

　　博克斯特州：53，

　　扑克历史：“本地”

　　}

　　}

　　},

　　计算值：{

　　扑克历史(){

　　返回this.bet.pokerHistory

　　}

　　},

　　观察：{

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

　　console.log(新值)

　　}

　　}

　　这就是这篇关于Vue使用watch监听数组或对象的文章。希望对大家的学习有帮助，也希望大家多多支持。

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