zoukankan      html  css  js  c++  java
  • Vue小技巧-懒加载

    Vue懒加载包括图片懒加载与路由懒加载

    1、图片懒加载:

    首先安装 vue-lazyload包

    然后导入并加载事先下载好的加载图片

    import VueLazyLoad from 'vue-lazyload'
    Vue.use(VueLazyLoad,{
      loading: require('@/common/image/default.png')
    })

    在使用时可以在需要加载图片的位置使用:

    <img  width="100" heigth="100" v-lazy="item.picUrl"/>

    2、路由懒加载:

    路由懒加载可以按需调用需要的组件

    箭头函数返回一个import路径

    const Disc = ()=> import('@/components/disc/disc')

    然后正常调用即可

    {
              path: ':id',
              component: Disc
            }
  • 相关阅读:
    4.26上午
    4.25下午
    4.19上午
    4.18上午
    7.26
    7.25
    7.21-7.22
    7.22
    7.21
    7.11-7.15
  • 原文地址:https://www.cnblogs.com/xiaopi-python/p/8554816.html
Copyright © 2011-2022 走看看