请各位大佬指点！Vue中循环出现is not defined无法取出数据大佬们有什么好的建议？

Question

初学前端，在学习vue时遇到如下问题：这边需要两个List，两个List显示不同内容，我打算用两个for循环解决这个问题。然后我写了如下代码，第一个list正常显示，第二个出了错不显示。Html{{searchItem.name}}{{mailItem.name}}jsvarone=newVue({el:"#list",data:{searchItems:[{name:'Baidu',url:'https://www.baidu.com'},{name:'Bing',url:'https://www.bing.com'},{name:'360',url:'https://www.so.com'}]}});vartwo=newVue({el:"#list",data:{mailItems:[{name:'126',url:'https://www.126.com/'},{name:'163',url:'https://www.163.com/'},{name:'Yeah',url:'https://www.yeah.net/'}]}});错误提示vue.js:634[Vuewarn]:Propertyormethod"mailItems"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproperty.See:https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.(foundin)不知道哪里出错了，两个Vue分别注释其中一个也都能正常运行，然后自己也尝试了很多方法也没能解决，还请大家帮忙看一下，谢谢！