Vue_计算属性和侦听器

佚名 6年前 (2019-04-19) 随笔 1362人围观抢沙发百度已收录

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); 　　　　　　} 　　　　} 　　}