新的 Vue({el: '#app',数据(){返回 {用户:{姓名: ''，电子邮件: ''},编辑字段:''}},方法 : {焦点字段(名称){this.editField = 名称；},模糊场(){this.editField = '';},显示场(名称){return (this.user[name] == '' || this.editField == name)}}})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script><div id="应用程序"><h1>配置文件设置</h1><label for="user-name">全名</label><div class="field"><span class="field-value" v-show="!showField('name')" @click="focusField('name')">{{user.name}}</span><input v-model="user.name" v-show="showField('name')" id="user-name" type="text" class="field-value form-control" @focus="focusField('name')" @blur="blurField">