Vue.js简单脚本不起作用

Question

I'm trying to run the code bellow, which is probably the most simple example of Vue.js, but it doesn't work at all:

<div id="app">
  {{ message }}
</div>
<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

What's the problem? I'm loading <script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script> in the header, no errors or warnings in Chrome dev tools. Thanks for any tips.

Answer 1

Well, turned out, that Vue.js and Flask are using the same syntax for templates (two handelbars {{}} ). So if you're using both of them - check this out https://github.com/yymm/flask-vuejs