在Vue JS中使用快速车把

Question

我正在使用用于服务器端模板的快速把手来构建应用程序。在客户端，我想使用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用于客户端模板，同时仍将express-handlebars用于服务器端模板？

提前致谢！

Answer 1

您可以将Vue分界符更改为其他内容，例如：

Vue.config.delimiters = ['${', '}']