vue性能优化方法

[cheny88]

此处说的是vue性能优化，不提web优化的方法

• 路由懒加载

const router=new Vuerouter({
  router:[
    { path:'/foo', component:()=>import('./Foo.vue') }  
  ]
})

• v-show和v-if的选择

• v-for和v-if的处理

• 事件的销毁：在beforeDestroy中销毁定时器（clearInterval）

• 图片懒加载（vue-lazylaod库）

• 第三方插件按需引入（例如element-ui按需引入）

import Vue from 'vue';
import { Button, Select } from 'element-ui';

Vue.use(Button)
Vue.use(Select)

• SSR（服务端渲染）对于SEO和首屏渲染速度都是很好的优化