美文网首页
常用插件

常用插件

作者: BugMyGod | 来源:发表于2019-04-02 17:12 被阅读0次

    常用插件
    1、axios //ajax请求数据

    npm install axios --save-dev
    import axios from 'axios'
    axios.defaults.withCredentials = true;
    Vue.prototype.$axios=axios;
    

    2、qs //数据格式转化

    npm install qs --save-dev
    import qs from 'qs'
    var params = qs.stringify({
        name:name,
        age:age,
        sex:sex
    })
    

    3、vue-lazyload //图片懒加载

    npm install vue-lazyload --save-dev
    import VueLazyload from 'vue-lazyload'
    Vue.use(VueLazyload, {
        error: 'dist/error.png',//这个是请求失败后显示的图片
        loading: 'dist/loading.gif',//这个是加载的loading过渡效果
        try: 2 // 这个是加载图片数量
    })
     <img src="" class="logo" v-lazy="imgLogo">  
     <div class="bg-company" v-lazy:background-image="imgIcon"></div>  
    

    4、vue-bus //事件总线

    npm install vue-bus 
    import VueBus from 'vue-bus';
    Vue.use(VueBus);
    this.$bus.on('add-todo', (text) = >{console.log(text)});
    this.$bus.emit('add-todo',{text:this.newText})
    

    https://cn.vuejs.org/v2/api/#vm-on

    5、UI

    http://mint-ui.github.io/#!/zh-cn //mint-ui
    https://vux.li/#/ //vux

    相关文章

      网友评论

          本文标题:常用插件

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