常用插件

常用插件
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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    柴东啊阅读 15,939评论 2 140
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    小姜先森o0O阅读 10,057评论 0 72
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,257评论 0 1
  • 简说Vue (组件库) https://github.com/ElemeFE/element" 饿了么出品的VUE...
    Estrus丶阅读 1,876评论 0 1
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    你猜_3214阅读 11,324评论 0 118

友情链接更多精彩内容