Advertisement

使用vant开发一个Vue CLI 3应用的背景图懒加载功能

阅读量:

一、Vant框架引入与应用

复制代码
    npm i vant -S
    
    
复制代码
    yarn add vant
    
    

二、自动按需引入组件

复制代码
    npm i babel-plugin-import -D
    // 在.babelrc 中添加配置
    // 注意:webpack 1 无需设置 libraryDirectory
    {
      "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
      ]
    }
    
    

三、Vant.js框架应用分析

复制代码
    import Vue from 'vue';
    import { Lazyload } from 'vant';
    
    Vue.use(Lazyload);

全部评论 (0)

还没有任何评论哟~