Using express handlebars with vue js
<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>