title: Using express handlebars with vue js
body: <p>I am building an app using express handlebars for server-side templating. On the client side, I want to use vue.js. However, they both share the same double brace notation <code>{{ variable }}</code>. Right now, my vue.js variables are not showing because my handlebars template is overriding it. For example:</p>
  
  <p>home.html:</p>
  
  <pre><code>&lt;div id="app"&gt;
     {{message}} //this will not show up
  &lt;/div&gt; 
  </code></pre>
  
  <p>home.js:</p>
  
  <pre><code>new Vue({
      el: '#app',
      data: {
          message: 'Hello Vue.js!'
      }
  });
  </code></pre>
  
  <p>HOWEVER, if I define <code>message</code> in my server side controller:</p>
  
  <pre><code>res.render('../views/home', {
      message: 'message from handlebars'
  });
  </code></pre>
  
  <p>the message will show up.</p>
  
  <p>So in summary, is there a way i can use vue.js for client side templating while still using express-handlebars for server side templating?</p>
  
  <p>Thanks in advance!</p>