我正在使用express Handlebar构建一个应用程序,用于服务器端模板.在客户端,我想使用vue.js.然而,它们都使用相同的双括号符号{{ variable }}
.现在,我的vue.js变量没有显示,因为我的Handlebar模板正在覆盖它.例如:
家html:
<div id="app">
{{message}} //this will not show up
</div>
回家.js:
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
});
但是,如果我在服务器端控制器中定义message
:
res.render('../views/home', {
message: 'message from handlebars'
});
消息就会出现.
总之,有没有一种方法可以使用vue.js用于客户端模板,而仍然使用express Handlebar用于服务器端模板?
提前谢谢!