Vuejs2 Tornado和Vue模板上的冲突

我是这两个框架的新手，我发现的第一件事是冲突。因为Tornado保留了双花括号，所以我将Vue的默认括号更改为单括号：

      new Vue({
  el: '#app',
  delimiters: ['${', '}'],
  data: {
    message: 'Hello Vue.js!'
  }

模板：

<td>${ message }</td>

如何解决这一冲突？我做错什么了吗？ 谢谢

我想起来了。我做错了几件事： 1） 我把剧本放在“开头”部分而不是结尾。 2） 我没有向某个父元素添加id=“app”属性来指定app对象。

---

更改代码后，一切都开始工作。

我也遇到了这种情况。这就是我的工作

把这个放到main.js中。注意：您可以根据需要指定分隔符

Vue.mixin({ delimiters: ['[[',']]'] })

在html中，您可以按原样使用它。e、 g

<td>[[ message ]]</td>

[[message]]

将Tornado与另一个使用双大括号的模板系统相结合的另一种方法是使用

{{！

:

<h1>This variable comes from Tornado: {{ x }}</h1>
<p>This one comes from Vue: {{! y }}</p>

此变量来自Tornado:{{x}
这个来自Vue:{{！y}

---

Tornado的渲染将删除感叹号，并留下双括号供Vue使用。

如果您真的不需要Tornado的服务器端渲染功能，您可以只提供模板而不渲染，并在Vue中完成您的工作。@xyres，我需要客户端和服务器端渲染。我不敢相信没有人遇到过这个专业版问题：(

<h1>This variable comes from Tornado: {{ x }}</h1>
<p>This one comes from Vue: {{! y }}</p>