美文网首页
vconsole,lazyload,fastclick的引用

vconsole,lazyload,fastclick的引用

作者: 情有千千节 | 来源:发表于2018-09-20 17:19 被阅读0次

    移动端调试神器 vconsole的使用

    vconsole github文档地址

    vconsole的具体使用情况在文档中已经说得很清楚了.这里简单写一下

    package.json

    > devDependencies
    "vconsole": "^3.2.0"
    npm install
    

    main.js

    /* eslint-disable */
    import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
    let vConsole = new VConsole() // 初始化
    

    这样就可以在界面中看到了

    fastclick的使用 解决移动端300ms延迟的问题

    npm 文档

    npm install fastclick --save
    

    在main.js中

    import fastclick from 'fastclick'
     fastclick.attach(document.body)
    

    完成引用

    lazyLoad的使用

    npm 文档

    npm install vue-lazyLoad --save
    

    基础使用
    在main.js中

    Vue.use(VueLazyload, {
      loading: require('../static/loading-svg/loading-spokes.svg'), // 预加载图片
      error: 'dist/error.png', // 加载错误显示图片
      attempt: 3 // 尝试加载图片数量
    })
    

    相关文章

      网友评论

          本文标题:vconsole,lazyload,fastclick的引用

          本文链接:https://www.haomeiwen.com/subject/ltmnnftx.html