vue 通过下载xml文件流，来预览xml文件内容来展示在页面

你可以通过以下步骤来实现Vue中预览XML文件内容：

1. 首先，你需要定义一个可以下载XML文件的方法，可以使用`axios`或`fetch`等库来下载文件，然后把文件内容存储到一个变量中。

downloadXmlFile() {
  axios({
    url: 'http://example.com/myfile.xml',
    method: 'GET',
    responseType: 'blob' // important
  }).then((response) => {
    const xmlContent = response.data;
    // do something with the xmlContent
  });
}

2. 然后，你可以使用`DOMParser`来解析XML文件内容，并把解析后的结果展示在页面上。

showXmlContent(xmlContent) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(xmlContent, 'text/xml');
  // do something with the xmlDoc
}

3. 最后，你可以在Vue的模板中调用这两个方法来实现预览XML文件内容的功能。

<template>
  <div>
    <button @click="downloadXmlFile">Download XML file</button>
    <div v-if="xmlContent">{{ xmlContent }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      xmlContent: null
    };
  },
  methods: {
    downloadXmlFile() {
      axios({
        url: 'http://example.com/myfile.xml',
        method: 'GET',
        responseType: 'blob' // important
      }).then((response) => {
        const xmlContent = response.data;
        this.showXmlContent(xmlContent);
      });
    },
    showXmlContent(xmlContent) {
      const parser = new DOMParser();
      const xmlDoc = parser.parseFromString(xmlContent, 'text/xml');
      const xmlString = new XMLSerializer().serializeToString(xmlDoc);
      this.xmlContent = xmlString;
    }
  }
};
</script>

这样，当用户点击下载XML文件按钮时，XML文件的内容就会被下载下来，并且在页面中展示出来。