Использование экспресс-руля с vue js
Я создаю приложение, используя экспресс-рули для серверных шаблонов. На стороне клиента я хочу использовать 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 для шаблонов на стороне клиента, в то же время используя экспресс-рули для шаблонов на стороне сервера?
Заранее спасибо!