Question

134

Simple html with vue.js not working

rated 0 times [ 135] [ 1] / answers: 1 / hits: 27873 / 8 Years ago, fri, january 20, 2017, 12:00:00

A beginner of vue.js and I followed this link:
https://www.sitepoint.com/getting-started-with-vue-js/

Almost copy the code into my html.However it just not working.Can someone help me find what is going wrong?

Here are all the codes:

<html>

<body>

<script src=https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js>

</script>



<script>



var myModel = {

  name: Ashley,

  age: 24

};



var myViewModel = new Vue({

  el: '#my_view',

  data: myModel

});



</script>

<div id=my_view>

{{ name }}

</div>

</body>

</html>

The result is just:{{name}}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

davism

Add To Favorites

Follow

Total Points: 339

Total Questions: 100

Total Answers: 100

Location: Sweden

Member since Fri, Apr 16, 2021

3 Years ago

answered 8 Years ago sidneyh · Accepted Answer

You need to add the <head> tag and add the script at the end of the file like this:

<html>

<head>

<title></title>

</head>

<body>

<div id=my_view>

{{ name }} {{ age }}

</div>



<script src=https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js></script>



<script>



var myModel = {

  name: Ashley,

  age: 24

};



var myViewModel = new Vue({

  el: '#my_view',

  data: myModel

});



</script>



</body>

</html>