美文网首页
常用插件

常用插件

作者: 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