首页 > 其他 > 详细

Vue_计算属性和侦听器

时间:2019-04-20 00:47:53      阅读:148      评论:0      收藏:0      [点我收藏+]
1.data中属性的名称不能和methods里面的方法名一样.
  因为vue一旦遇到{{}}就会去看双括号里面的值,然后就首先去看data中寻找,找了了就会进行替换
  例如: data和methods中都有 getData这个属性,双括号中是需要执行getData,{{getData()}}
       但是vue先找到的是data中的getData,然后() 执行,就会报错.
2.methods
       data中的属性有渲染到也上,只要这些被渲染的值一改变,methods中的方法就会被执行,页面初始化时也会执行
3.监听器 watch
  监听data中的属性(以函数的方式监听),只要监听的值有改变,这个监听器就会执行.缺点,容易出现冗余的代码
4.computed
  只有当计算属性涉及到的属性的数据有所改变的时候,对应的这个函数才会执行
  计算属性可以以函数的方式写,也可以以对象的方式写,对象里面有get()和set()方法
  computed: {
    sum:{
      get(){
        return 1+1;
      },
      set(value){
        console.log(value);
      }
    }
  }

Vue_计算属性和侦听器

原文:https://www.cnblogs.com/HXYW/p/10739548.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!