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