Vue.js simple script don't work

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/[email protected]/dist/vue.js"></script> in the header, no errors or warnings in Chrome dev tools. Thanks for any tips.

replace your script with that: <script src="unpkg.com/vue/dist/vue.js"></script> and let me know if it is working — Marek Urbanowicz
– Marek Urbanowicz, Commented Feb 8, 2017 at 10:42
@MU still don't work. I tried to use <script src="unpkg.com/vue/dist/vue.js"></script>, it's redirected to the unpkg.com/[email protected]/dist/vue.js with code 302 — Sergey Potekhin
– Sergey Potekhin, Commented Feb 8, 2017 at 10:48
Where do you load the script? JSfiddle works fine with this vue link jsfiddle.net/2cjsr81q Can you post the content of your main html ? — Cristi Jora
– Cristi Jora, Commented Feb 8, 2017 at 10:50
@MU Here's a source code gist.github.com/pavlovdog/112e361f8a582578f2b3217a5e87678b — Sergey Potekhin
– Sergey Potekhin, Commented Feb 8, 2017 at 11:01

Sergey Potekhin · Accepted Answer · 2017-02-11 12:14:55Z

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

answered Feb 11, 2017 at 12:14

Sergey Potekhin

7111 gold badge12 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js simple script don't work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related