get和我们普通在方法中调用的方法一致,都是得到的意思
set是当fullName被修改时会被调用
代码如下:
<div id="app">
<h2>{{firstName}}-{{lastName}}</h2>
<h2>{{fullName}}</h2>
</div>
<script src="./vue.js"></script>
<script type="text/javascript">
const VM = new Vue({
el:'#app',
data(){
return{
firstName:'zhang',
lastName:'san'
}
},
computed:{
// fullName(){
// return this.firstName + this.lastName
// }
fullName:{
get:function(){
return this.firstName +'-'+ this.lastName
},
set:function(value){
console.log(value);
var list = value.split('-');
this.firstName = list[0],
this.lastName = list[1]
}
}
}
})
</script>