title: How to load separate html file into vue template instance
body: <p>I have a vue instance in a <code>.js</code> file, let's say <code>test.js</code>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var vm= new Vue({
      el: '#app2',
      template: `
          &lt;button @click="click2($event)"&gt;
              {{text}}
          &lt;/button&gt;`,
      data: () =&gt; {
          return {
              text: "Hello"
          }
      },
      methods: {
          click2() {
              console.log("something")
          }
      }
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>I wonder if is there anyway I can put the <code>&lt;button&gt;</code> template into a separate <code>.html</code> file, lets say <code>test.html</code> and links that into the property <code>template</code>?</p>
  
  <p><em>Due to some constrains I cannot use vue-cli and webpack to generate <code>.vue</code> file`</em></p>
  
  <p>Thanks</p>