methods:methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存。
computed属性,是一个计算属性,该属性里面的方法名相当于data属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value值)。computed属性是有依赖缓存的。for-example:
computed:{
//这里的sum可以单独作为一个key值
sum(){
return this.xing + this.ming
}
}
computed计算属性的反向计算。
filters属性,是过滤器属性,在vue2.0以后取消了vue本身自带的过滤器,但是我们可以通过自定义过滤器来实现相应的功能。改属性里面的方法需要有一个参数,这个参数是我们在运用过滤器的时候的数据,通过各过滤器方法的返回值,就是我们在页面上实际渲染的东西。
filters:{
//{{xing | hell}}参数v就是xing的值
hell (v) {
console.log(v);
return 'hello';
}
}
watch属性,是监听属性。这个监听的是data属性里面的数据,当这个数据发生变化时,将自动执行这个函数。
watch:{
xing(){
console.log("aaa")
}
}
网友评论