Improving our First Vue App

scrimba

Watch in fullscreen

by Victor Gonzalez

Preview

About

Comments

Notes

Computed Properties4:12

Improving our First Vue App

by Victor Gonzalez

Preview

Expand for more info

Computed Properties4:12

index.html

run

preview

console

<html>
    <head>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        
        <!-- Let's add Vue here -->
        <div id="app">
            
            <h1>
                Learning Vue on Scrimba
            </h1>
            
            <p>
                This is an interactive lesson on how to remove the data from the DOM and put it on the Vue instance.
            </p>
            
            <a href="https://vuejs.org/">Visit Vue</a>
            
        </div>
        
        <script>
            var app = new Vue({
                el: '#app',
                data: {
                    
                }
            });
        </script>
    </body>
</html>

<html>

<head>

</head>

<body>

<h1>

Learning Vue on Scrimba

</h1>

<p>

This is an interactive lesson on how to remove the data from the DOM and put it on

the Vue instance.

</p>

<a href="https://vuejs.org/">Visit Vue</a>

</div>

var app = new Vue({

el: '#app',

data: {

}

});

</script>

</body>

</html>

›

"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"

›

"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"

-2:44