擅长:python、mysql、java
<p>另一个选项是重新定义Vue.js使用的分隔符。如果您有很多现有的模板代码,并且希望开始将Vue.js功能添加到Flask或Django项目中,那么这非常方便。</p>
<pre><code>var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
delimiters: ['[[',']]']
})
</code></pre>
<p>然后在HTML中,可以混合使用Jinja和Vue.js模板标记:</p>
<pre><code> <div id="app">
{{normaltemplatetag}}
[[ message ]]
</div>
</code></pre>
<p>不确定何时添加了<a href="https://vuejs.org/v2/api/#delimiters" rel="noreferrer" title="delimiters property">"delimiters"</a>属性,但它在版本2.0中。</p>