账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue watch
    37
    0
    var vm = new Vue({  
            el: '#app',
            data() {
              return {
                bet: {
                  pokerState: 53,
                  pokerHistory: 'local'
                }   
                }
            },
            watch: {
              bet: {
                handler(newValue, oldValue) {
                    console.log(oldValue)
                  console.log(newValue)
                },
                deep: true
              }
            }
          }); 
          vm.bet.pokerState = 30

    上述代码是监听对象的变化,我并没有想监听具体属性,为什么oldValue 也是30呢,

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 童话皆是假 普通会员 1楼

      Vue.js 的 Watch API 是用于实时更新视图的数据。当 Vue.js 的组件的数据发生变化时,Watch API 会自动更新视图中的数据。 在 Vue.js 中,Watch API 是通过添加 watch 属性到一个组件的实例上实现的。watch 属性接受一个回调函数,当组件的数据发生变化时,这个回调函数会被调用。 以下是一个简单的例子,展示如何使用 Watch API 实现数据的实时更新: ```html

      ```

      在这个例子中,我们在 data 属性中定义了两个变量:titlemessage。我们还定义了一个 Watch API,它有两个回调函数:handlerdeephandler 函数用于更新 titlemessage 的值,而 deep 参数表示是否需要深度监听数据的变化。 当组件的数据发生变化时,handler 函数会被调用,从而更新视图中的数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部