如何将xml模板放入vue组件属性中

<template>
  <div>
    <div v-html="renderedTemplate"></div>
  </div>
</template>

<script>
export default {
  props: {
    xmlTemplate: {
      type: String,
      required: true
    }
  },
  data() {
    return {
      renderedTemplate: ''
    };
  },
  mounted() {
    this.renderedTemplate = this.xmlTemplate;
  }
};
</script>

<template>
  <div>
    <xml-component :xml-template="xmlTemplate"></xml-component>
  </div>
</template>

<script>
import XmlComponent from './XmlComponent.vue';

export default {
  components: {
    XmlComponent
  },
  data() {
    return {
      xmlTemplate: '<xml><tag>Hello, World!</tag></xml>'
    };
  }
};
</script>