美文网首页
vue监听data中对象中的属性

vue监听data中对象中的属性

作者: 拾钱运 | 来源:发表于2019-05-07 16:36 被阅读0次
data(){
  return {
      user:{
            name:'zmq',
            sex:3
      }
  }
}
computed: {
    watchName() {
      return this.user.name;
    }
  },
watch:{
  watchName(newVal,oldVal) {
      console.log('这样就可以进行监听了')
  }
 }

父子组件传值的时候,如果传递的是动态的值,必须要在子组件中监听

 watch: {  
    fileData: {  
        handler(newValue, oldValue) {  

        },  
        deep: true  
      }  ,

相关文章

  • 微信小程序之watch属性值(仿Vue)

    Vue通过监听watch属性来观测Vue实例数据的变化。 监听器的原理,将data中需监听的属性写在watch对象...

  • vue监听data中对象中的属性

    父子组件传值的时候,如果传递的是动态的值,必须要在子组件中监听

  • Vue监听屏幕宽度

    Vue监听屏幕宽度 首先在data中定义要监听的属性,因为watch侦听器监听的是data中的属性,不能直接监听w...

  • Vue watch

    Vue中监听某个对象的属性 为了避免监听整个对象导致效率问题,可以监听某个对象的特定属性

  • Vue的watch和computed属性

    Vue的watch属性 Vue的watch属性可以用来监听data属性中数据的变化 可以从上述代码中实践得知,输入...

  • vue_day05

    watch监听:这个对象中可以监听到data中属性的变化,并触发属性对应的function函数,通过newVal和...

  • vue监听和webpack基本使用

    vue监听 使用keyup监听 使用watch监听文本框变化,watch 使用这个属性可以监视data中的数据变化...

  • Vue中的data属性

    Vue 中的data Vue实例会代理data对象的属性, vm.$data.a相等于vm.a 以-和$开头的属性...

  • vue全解:computed和watch

    进阶属性复习options里面有什么 会被vue监听 option.data傳給vue后呢,data会被vue监听...

  • vue的data修改之后界面未改变或错乱(各种情况)

    对象的某个子孙属性修改后, 界面未改变 原因: vue有时会无法监听到对象的子孙属性变化, 但一定会监听到data...

网友评论

      本文标题:vue监听data中对象中的属性

      本文链接:https://www.haomeiwen.com/subject/ttkyoqtx.html