vue中的v-model过多致使内存泄漏

  最近一个项目开发中遇到这样的问题:php

  后端php已经返回了前端须要的数据,可是因为数据过多(20条),致使前端渲染页面时间很长,并且只有当控制台的preview返回了数据才会渲染。前端

  首先是排查问题:是前端渲染问题仍是接口返回数据过慢的问题?起初,一旦数据过多时,preview的返回就会很慢,并且一旦返回前端就渲染完毕。这里就误导了开发,致使花了时间去排查接口,环境等的问题。开始觉得是接口返回慢,致使页面加载等待,仅仅看preview是不行的,preview是将后端的接口翻译为前端能够查看的js代码。因此应该是页面的渲染速度太慢,才致使preview返回慢。vue

  其次定位前端页面渲染代码为何慢:vue拿到list循环,遍历为form中的表单元素。当咱们将表单循环的部分代码注释,页面渲染正常。20条数据,页面中中的表单元素大概100个,且都使用了v-model双向绑定方便修改。咱们将v-model修改成:value时,再去渲染就很正常,因此页面加载慢的突破点就找到了,vue中过多的v-model致使内存泄漏。segmentfault

  那么怎么处理这种问题呢?后端

  看到不少博文建议,使用原生的select,可是这样就没法实现双向绑定功能了。翻译

  目前这个问题尚未获得很好的解决,我将最贴合这个问题的一个网址附载下面:双向绑定

  https://segmentfault.com/q/1010000010608719orm

     

相关文章
相关标签/搜索