常用插件
1、axios //ajax請(qǐng)求數(shù)據(jù)
npm install axios --save-dev
import axios from 'axios'
axios.defaults.withCredentials = true;
Vue.prototype.$axios=axios;
2、qs //數(shù)據(jù)格式轉(zhuǎn)化
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',//這個(gè)是請(qǐng)求失敗后顯示的圖片
loading: 'dist/loading.gif',//這個(gè)是加載的loading過(guò)渡效果
try: 2 // 這個(gè)是加載圖片數(shù)量
})
<img src="" class="logo" v-lazy="imgLogo">
<div class="bg-company" v-lazy:background-image="imgIcon"></div>
4、vue-bus //事件總線(xiàn)
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