开发中避坑谷歌浏览器中的自动翻译

1. 浏览器的兼容问题。我分别在安卓和苹果手机端查看了一下，发现毫无问题，在同事相同版本的浏览器中也毫无问题；
2. 循环遍历太复杂，导致页面未刷新。页面未刷新，让我想起了angular1.x在ie低版本浏览器中的多层级渲染后，页面双向绑定，数据无法更新的问题，但是经过本地测试，是我想多了，这么高版本的谷歌，这方面是没问题的。
3. 组件中key值设定问题。我在有问题的组件上重新设定了key,如果数据有变化，我就会改变这个key,发现我改变key的那个小组件的值实时更新了，貌似是这个问题，但是页面上还有好多这样的组件，不能都一一加上key啊，这不是问题的根源；

最后我仔细观察了一下渲染后的dom,终于发现了特殊点，我所有的文字外面都自动加上了标签，vue本身是不会主动加的，我查看了一下同事的电脑运行，发现没有这个标签，确定了只有我电脑有这个问题。仔细看了一下我的配置，我竟然打开了谷歌浏览器的”自动翻译“功能，这才导致我一面异常的原因。
深刻教训：打开自动翻译后，记得关闭！！！