为什么需要渲染外链？
在vue的开发中，我们常常需要使用外链图片，例如用户上传的头像、文章中的图片等等。而这些图片并不是存在自己的服务器上，而是存在外链的网站上。因此，我们需要通过渲染外链来显示这些外链图片。
如何渲染外链？
Vue中，我们可以通过标签来实现外链图片的渲染。在模板中，我们可以将需要显示的外部图片的url传给
标签的src属性，然后该标签就会将这个外部图片渲染在网页上。
那么如何绑定外链的URL？
在Vue中，图片的地址一般是通过绑定URL实现的。具体实现方法如下：
- 将外链的URL保存在data属性中
- 在模板中，使用对应绑定方法绑定图片地址，例如：<img :src=\"imageUrl\">
- 在Vue实例中更新外部URL的method，在需要更新时，调用该method，即可实现页面的更新。
如果无法加载外部图片如何处理？
当外链图片无法加载时，我们可以在标签内加入一张默认的图片，做为备用图片。这样当外链图片无法正常显示时，就会显示该备用图片，页面也不至于出现空白。同时，我们还可以选择显示一个类似于文字提示的标签，来告诉用户外链图片无法正常加载。
外链图片下载
如果想要在Vue中将外链图片下载到本地，可以使用fetch() API，并将response转化为blob并进行存储。具体代码如下：
`
fetch(url)
.then(response => response.blob())
.then(blob => {
let url = window.URL.createObjectURL(blob);
let a = document.createElement('a');
a.href = url;
a.download = 'image.jpg';
a.click();
});
`
