从刀片渲染vuejs组件时出现问题

Question

我尝试从刀片模板渲染此组件，但是在html源代码上，它仅渲染组件的名称标签，而不渲染组件内部的模板，为什么？

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

<script>
export default {
  data() {
    return {
      // Just like JSX! Oh wait...
      legacySystemHTML: `
        <FONT color="#faddad" size="-2">
          <MARQUEE>Please enter your name to continue.</MARQUEE>
          ...
        </FONT>
      `
    }
  }
}
</script>