【vue】v-model,computed 实现 双向数据绑定
2021-02-27 本文已影响0人
歌声缓缓
输入姓和名自动 全名自动显示
<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>