vue实现图片加载完成前的loading组件

本人新开个人博客，后期所有文章只在博客中更新！

<template>

    <img :src="url">
</template>
<script>
    export default {
        props: ['src'], // 父组件传过来所需的url
        data() {
            return {
                url: 'http://www.86y.org/images/loading.gif' // 先加载loading.gif
            }
        },
        mounted() {
            var newImg = new Image()
            newImg.src = this.src
            newImg.onerror = () => {    // 图片加载错误时的替换图片
                newImg.src = 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=