Vue SPA 初次进入加载动画实现代码
作者：川大宝啊
今天小编就为大家分享一篇Vue SPA 初次进入加载动画实现代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在app挂载的div同级处写一个加载动画，例如：
<body class="font-hei">
<div class="wrap" id="loader">
<div>
<div class="mult2rect mult2rect1"></div>
<div class="mult2rect mult2rect2"></div>
<div class="mult2rect mult2rect3"></div>
<div class="mult2rect mult2rect4"></div>
<div class="mult2rect mult2rect5"></div>
</div>
</div>
<div id="app" style="min-height: 100vh"></div>
加载完成后，在App.vue的钩子函数内移除这个div。
created: function() {
document.body.removeChild(document.getElementById('loader'));
}
以上这篇Vue SPA 初次进入加载动画实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。