vue优化技巧

1. 使用函数式组件来加快组件渲染 函数式组件：无状态、不创建实例

渲染速度很快。一旦渲染完，除非重新渲染，否则不会在改变

2. 关于v-for和DOM-DIFF的一些细节处理 v-for尽可能不基于索引做key值

除非 渲染的数据结构不会发生任何改变

用id可以复用，减少dom操作。

3. “局部变量”处理技巧 减少this.xxx写法，利用局部变量存储起来

fn({n,m}){
let result = n;
 for(let i=0;i<99999;i++){
  result+=i*n+i*m;
 }
 return result;
}

4. 合理使用v-show和v-if

• v-if:true/false(true渲染出来；false销毁组件)。v-if适合不频繁切换，只切换一次
• v-show:true/false 都要把组件渲染出来，控制display的none/block。v-show适合频繁切换。

5. 关于vue-lazyload图片懒加载的研究 下载vue-lazyload插件，挂载插件后在图片前:src改为v-lazy图片进行滚动加载
6. 长列表和无线列表的性能优化方案 如果是从服务器获取的数据 只需要做展示，后期不会修改（比如修改某一项中的某个字段），此时一定要做冻结Object.freeze()