Я создаю приложение, используя экспресс-рули для серверных шаблонов. На стороне клиента я хочу использовать vue.js. Тем не менее, они оба имеют одинаковые обозначения в двойных скобках{{ variable }}, Сейчас мои переменные vue.js не отображаются, потому что мой шаблон руля переопределяет его. Например:

home.html:

<div id="app">
   {{message}} //this will not show up
</div> 

home.js:

new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue.js!'
    }
});

ОДНАКО, если я определюmessage в моем контроллере на стороне сервера:

res.render('../views/home', {
    message: 'message from handlebars'
});

сообщение появится

Итак, в заключение, есть ли способ, которым я могу использовать vue.js для шаблонов на стороне клиента, в то же время используя экспресс-рули для шаблонов на стороне сервера?

Заранее спасибо!