将以HTML格式保存的图片显示到Vue.js页中

，可以通过以下步骤实现：

首先，确保你已经在Vue.js项目中安装了Vue.js框架。
在Vue.js组件中，使用<img>标签来显示图片。例如：

<template>
  <div>
    <img :src="imageUrl" alt="HTML Image">
  </div>
</template>

在Vue.js组件的data属性中定义一个变量来存储图片的URL。例如：

data() {
  return {
    imageUrl: 'path/to/image.html'
  };
}

在Vue.js组件的mounted生命周期钩子中，使用fetch或其他方式获取HTML文件的内容。例如：

mounted() {
  fetch(this.imageUrl)
    .then(response => response.text())
    .then(html => {
      // 处理HTML内容，提取图片URL
      const parser = new DOMParser();
      const doc = parser.parseFromString(html, 'text/html');
      const imgElement = doc.querySelector('img');
      const imgUrl = imgElement.src;

      // 更新Vue.js组件中的图片URL
      this.imageUrl = imgUrl;
    })
    .catch(error => {
      console.error('Error:', error);
    });
}

在上述代码中，我们使用fetch方法获取HTML文件的内容，并使用DOMParser解析HTML。然后，我们提取出HTML中的图片URL，并将其赋值给Vue.js组件中的imageUrl变量，从而实现将以HTML格式保存的图片显示到Vue.js页中。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当调整。另外，推荐使用腾讯云的云存储产品 COS（对象存储）来存储和管理图片文件，详情请参考腾讯云COS产品介绍：https://cloud.tencent.com/product/cos。