使用这 6个Vue加载动画库来减少我们网站的跳出率

// Import stylesheet

import ‘vue-loading-overlay/dist/vue-loading.css’;

export default {

data() {

return {

isLoading: false,

fullPage: true

}

},

components: {

Loading

},

methods: {

doAjax() {

this.isLoading = true;

// simulate AJAX

setTimeout(() => {

this.isLoading = false

},5000)

},

onCancel() {

console.log(‘User cancelled the loader.’)

}

}

}

4. Vue Progress Path

github 地址：https://github.com/Akryum/vue-progress-path

Vue Progress Path 是最流行的加载库之一。由 Vue Core团队成员Guillaume Chau创建，这也是我最喜欢使用的工具之一。