计算属性
插值语法插入有返回值得自定义方法,必须带小括号。
使用计算属性时,插值表达式直接读取使用,如fullName
属性为data中的数据。
计算属性:computed与data同级,对象形式
通过已有属性计算得来
在vm中放的是一个新的属性
get和set都是普通方法
data:{
firstName:'',
lastName:''
},
computed:{
fullName:{
//有人读取fullName,get被调用,返回值作为fullName的值
//get在初次读取时或所依赖的数据发生变化时被调用
get(){
//此处this为vm
return this.firstName + '-' +this.lastName
},
//set当fullName被修改时调用,不必须,确定计算属性只读不改时,不需要写set方法
set(value){
const arr = value.split('-');
this.firstName = arr[0];
this.lastName = arr[1];
}
}
}
//简写
fullName(){
return this.firstName + '-' +this.lastName
}
计算属性会缓存,使用多次时只调用一次,容易调试,提高效率