I'm a newbie to both these frameworks and the first thing I found is a conflict. So because the double curly brackets are reserved by Tornado, I changed the Vue's default ones to single ones:
new Vue({
el: '#app',
delimiters: ['${', '}'],
data: {
message: 'Hello Vue.js!'
}
Template:
<td>${ message }</td>
But now it's just not rendered, what I see in a browser is:
${ message }
How to solve this conflict? Am I doing something wrong? Thanks!
UPD I figured it out. I did several things wrong: 1) I put the script at the "head" section instead of the very end. 2) I didn't add id="app" attribute to some parent element to specify the app object. After I changed the code everything started working.