vue性能優化（1）

1.<keep-alive></keep-alive>,接收include，exclude，max三個值，可以緩存組件狀態，避免組件的重新渲染，exclude的優先級大於include，max爲可緩存組件數目的最大值，超過會調用最近最少使用算法

2.組件懶加載

Vue.component('Home',function(resolve){

reuqire(['./home'],resolve)

})

Vue.component('Home',()=>import('./home'))

3.路由懶加載

export default new Router({

routes:[

{path:"/",

component:()=>import('/home')

},

{

path:'/index',

component:resolve=>require(['/List'],resolve)

]})

4.圖片懶加載

下載vue插件vue-lazyload

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  error: '/static/error.png',
  loading: '/static/loading.gif',// 懶加載使用的圖片
})

<img v-lazy="xx.jpg"/>