<template>
<div class="hello">
<table>
<tr><td><input type="text" v-model="firstName"></td> <td><input type="text" v-model="lastName"></td> <td>{{fullName}}</td></tr>
<button @click="changed">更改卡</button>
</table>
</div>
</template>
<script>
export default {
name: 'HomeIndex',
data(){
return{
firstName:'',
lastName:''
}
} ,
methods: {
changed(){
this.fullName="王五"
}
},
computed:{
fullName:{
get(){
return this.firstName+this.lastName
},
set(val){
this.firstName=val.slice(0,1)
this.lastName=val.slice(1)
}
}
}
}
</script>
<style scoped>
</style>