常用插件
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
网友评论