title: How to make a template variable non-reactive in Vue
body: <p>I have an edit form with variables held in the data(). I don't want the title of the edit page to update yet I want to maintain the v-model sync of data between the input and data. What's the simplest way to make the title non-reactive in the h1 tag? Mr You has to have something up his sleeve for this..</p>
  
  <pre class="lang-vue prettyprint-override"><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h1&gt;{{ title }}&lt;/h1&gt;
          &lt;input v-model="title"&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;    
  export default {
      data: {
          title: 'Initial value'      
      }
  }
  &lt;/script&gt;
  </code></pre>