【vue】v-model,computed 实现 双向数据绑定

<template>

<div>

姓：<input type="text" v-model="firstName"></input><br>

名：<input type="text" v-model="lastName"></input><br>

姓名：<input type="text" v-model="fullName"></input></div>

</template>

<script>

export default {

name: 'practice1',

data(){

return{ firstName:"", lastName:"" } },

computed:{  fullName () {

return this.firstName+this.lastName } } };

</script>