东莞市赢网网络科技有限公司
您当前的位置 : 网站首页 新闻动态 网站建设 Vue监听器watch侦听属性

Vue监听器watch侦听属性

来源:网站建设 | 时间:2024-02-20 | 浏览:0

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而,通常更好的做法是使用计算属性而不是命令式的 watch 回调。


<div id="demo">{{ fullName }}</div>


var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar',
    fullName: 'Foo Bar'
  },
  watch: {
    firstName: function (val) {
      this.fullName = val + ' ' + this.lastName
    },
    lastName: function (val) {
      this.fullName = this.firstName + ' ' + val
    }
  }
})

注意: 监听的方法名与变量名保持一致

TAG: Vue Vue监听器 Watch
1
在线咨询
服务热线
服务热线:400-0769-867
微信

微信扫码咨询

TOP