1、默认写法:函数
computed: {
test1() {},
},
2、完整写法:对象
computed: {
test2: {
get() {
return this.firstName + " " + this.lastName;//需要有返回值
},
set(val) {//val接受get返回的值
let arr = val.split(" ");
this.firstName = arr[0];
this.lastName = arr[1];
},//set操作computed属性绑定值
},
},
3、完整案例代码
<template>
<div>
<input type="text" v-model="firstName" />
+<input type="text" v-model="lastName" />
=<input type="text" v-model.lazy.trim="totalName" />
</div>
</template>
<script>
export default {
data() {
return {
firstName: "",
lastName: "",
};
},
computed: {
test1() {},
totalName: {
get() {
return this.firstName + " " + this.lastName;
},
set(val) {
let arr = val.split(" ");
this.firstName = arr[0];
this.lastName = arr[1];
},
},
},
};
</script>
<style>
</style>