vue v-if正反判断时问题（v-if、v-else时 虚拟dom进行代码复用）

v-if正反判断时，key属性的作用

、、、

<span v-if='isname'>用户邮箱</span>
<span v-else>用户类型</span>
<input type="text" value="用户邮箱" v-if='isname' key='e-mail'>
<input type="text" value="用户类型" v-else key='username'>
<button @click='isname=!isname'>点击切换</button>


var vm = new Vue({
  el: '.father',
  data: {
    isname: 'true'

  },
  methods: {

  }

})

、、、