Property xxx was accessed during render but is not defined on instance

vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告，虽然不影响js运行，但是对于强迫症玩家难受的不行，下面我们来看一下这个问题是如何产生的，应该怎么解决

原因：vue3.x版本中新增了组合api也就是setup方法，在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据，但是呢在我们也可以通过给元素设置ref属性，从而来获取dom，具体细节可以查看官方文档，这也就导致了问题的产生

解决：

• 相信大部分人还是只想知道解决办法是什么，往下看解决办法:
• 保证v-model的数据和ref的值不要重名
• 不需要使用v-model时避免使用