Vue隐藏显示、只读实例代码

<div style="padding-top:5px;" v-bind:class="{hidden: isHidden }">
 <label class="inline">
 <input id="id-button-borders" checked="" v-model="user.userstate" type="checkbox" class="ace ace-switch ace-switch-5" />
 <span class="lbl"></span>
 </label>
 </div>

data:{
 isHidden: true
 }

<input type="text" class="form-control" v-bind:readonly="isReadOnly" validate="notNull,realname" v-model="user.realname"/>1

data:{

 isReadOnly:false
 }