title: Using the <template></template> tag inside component template
body: <p>While working on a component that looks like this. </p>
  
  <pre><code>...
  props: [
      'fType',
      'fName',
      'fChoiceValue',
  ],
  template: `
      &lt;template v-if="fType == ('text' || 'password')"&gt;
          &lt;input v-bind:type="fType" v-bind:name="fName"&gt;
      &lt;/template&gt;
  `,
  </code></pre>
  
  <p>I discovered that vue would not render anything between the <code>&lt;template&gt;</code> tags. What is the proper way to do this without resorting to using <code>&lt;span&gt;&lt;/span&gt;</code> in place of <code>&lt;template&gt;&lt;/template&gt;</code>?</p>