vue总是会复用页面上已经存在的dom，区别的方法是加上key就可以，还设有v-for时候的警告也是如此
key的作用是区别这条跟那条的。
<body> <div id="app"> <div v-if=‘flag%2‘> 用户名：<input type="text">
// 用户名：<input type="text" key=‘password‘>
</div> <div v-else> password: <input type="password"> 当这个显示的时候， vue会拿 上面用户名那个input </div> <button @click=‘changeFlage‘>click</button> </div> <script src="../vue.js"></script> <script> var vm = new Vue({ el: ‘#app‘, data: { flag: 1 }, methods: { changeFlage: function(){ this.flag ++; } } }) </script> </body>
原文：https://www.cnblogs.com/dangdanghepingping/p/10243614.html