Vue性能优化方法？

• 路由懒加载

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

• keep-alive 缓存页面

• 使用 v-show复用 DOM

• v-for 遍历避免同时使用v-if
• 长列表优化
  如果列表是纯粹的数据展示,不会改变,就不需要做响应式

export default {   data: () => ({     users: [] 
  }), 
  async created() { 
    const users = await axios.get("/api/users");     this.users = Object.freeze(users); 
  } 
}; 

• 如果大数据列表,可采取虚拟滚动,只渲染小部分区域内容

• 图片懒加载

• 第三方插件按需引入
• 无状态组件标记为函数组件
• 子组件分割
• 变量本地化