vue2 自定义loading js直接调用 不需要每页都引入组件

仅支持h5端，app不可，小程序没试，应该也不可，因为非H5端，uniapp不支持window、document、navigator等浏览器的js API

main.js中增加以下代码

Vue.prototype.$loading = function() {
	document.getElementById("loadingDiv").style.display = "block";
}
var _LoadingHtml =
	'
';
document.write(_LoadingHtml);

在index.vue中即可直接调用了

<template><div>一个页面</div></template>
<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
			this.$loading()
		}
	}
</script>

效果图：

理就是这么个理，感觉有点歪门邪道哈，简单点就是想要什么样式自己找个喜欢的gif动图，或者自行制作一个，复杂点，纯js改写下html内容就是了。