如何为vue组件加载动态模板？

Question

我尝试在vue组件中加载动态模板， 但是我得到了错误，

这是我的代码：

<template>
  <div>
    <h1>details</h1>
    <div id="app-3">
      <span>Now you see me{{seen}}</span>
    </div>
  </div>
</template>

<script>
import { Component, Vue, Watch } from "vue-property-decorator";

export default {
mounted(){
    var app3 = new Vue({
      el: "#app-3",
      data: {
        seen: '!!!'
      }
    });
}};
</script>

我遇到两个错误：

  

[Vue警告]：实例上未定义属性或方法“ seen”   但在渲染过程中被引用。

     

Vue警告]：您正在使用仅运行时的Vue构建，其中   模板编译器不可用。要么预编译模板   进入渲染功能，或使用编译器随附的版本。