vue.js not working with my first test html page

Question

I am trying to check how to vue.js javascript works.That's also not working for me.Any one like to share what is wrong with html page or what am missing here.

CODE :

<!DOCTYPE html>

    <div id="app">
        <h1>{{ greeting }}</h1>
    </div>
    <script src="https://vuejs.org/js/vue.js"/></script>
    <script>
        new Vue({
            e1: '#app',
            data: {
                greeting : 'Hello from ankit using vue.js!'
            }
        }); 
    </script>

Current Output of above code in chrome :

Expecting output :

Hello from ankit using vue.js!

Anyone like to share what is wrong with my code ? Please note ,I also cleared cache from browser.

1. Perhaps you need to add a body tag. 2. You have there e1 instead of EL -> el — RaelB
– RaelB, Commented Aug 4, 2019 at 13:49

Boussadjra Brahim · Accepted Answer · 2019-08-04 13:50:39Z

1

You're making a typo, you should have el instead of e1

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="app">
        <h1>{{ greeting }}</h1>
    </div>
    
    <script>
        new Vue({
            el: '#app',
            data() {
               return{
                greeting : 'Hello from ankit using vue.js!'
               }
            }
        }); 
    </script>

answered Aug 4, 2019 at 13:50

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

vue.js not working with my first test html page

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