title: v-runtime-template vuejs cannot access root property
body: <p>This is my page.vue</p>
  <pre><code>&lt;template&gt;
     &lt;div&gt;
      &lt;v-runtime-template :template=&quot;template&quot;&gt;&lt;/v-runtime-template&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import VRuntimeTemplate from &quot;v-runtime-template&quot;;
   
  export default {
    data: () =&gt; ({
      template: `
        &lt;span&gt;{{sample}}&lt;/span&gt;
      `
    }),
    components: {
      VRuntimeTemplate
    },
    computed:{
      sample(){ return &quot;sampledata&quot; }
    }
  };
  </code></pre>
  <p>My package.json:</p>
  <pre><code>&quot;vue&quot;: &quot;^2.6.11&quot;,
  &quot;v-runtime-template&quot;: &quot;^1.10.0&quot;
  </code></pre>
  <p>Problem : I got this error on console:</p>
  <blockquote>
  <p>vue.esm.js?a026:628 [Vue warn]: Property or method &quot;sample&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property..</p>
  </blockquote>
  <p>I have read some github issues as like <a href="https://github.com/alexjoverm/v-runtime-template/pull/32" rel="nofollow noreferrer">this</a> told me similar problem.</p>
  <p>Maybe someone can help me how to resolve this of my simple implementation of using this v-runtime-template library? Many thanks.</p>