另一个选择是重新定义Vue.js使用的分隔符。如果你有很多现有的模板代码,并且希望开始将Vue.js功能添加到Flask或Django项目中,则这非常方便。
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
delimiters: ['[[',']]']
})
然后在你的HTML中,你可以混合使用Jinja和Vue.js模板标签:
<div id="app">
{{normaltemplatetag}}
[[ message ]]
</div>