Vue JS talk Part 2: Data binding with v-model directive.

scrimba

Watch in fullscreen

by Magwit

About

Comments

Notes

Vue JS talk Part 2: Data binding with v-model directive.

by Magwit

Expand for more info

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div id="app">
            <h2>Vue presentation at {{ location }}</h2>
            <label>Add an attendee</label>
            <input type="text"></input>
            <p>Name of attendee output here</p>
        </div>
        <script src="index.pack.js"></script>
    </body>
</html>

<html>

<head>

</head>

<body>

<h2>Vue presentation at {{ location }}</h2>

<label>Add an attendee</label>

<p>Name of attendee output here</p>

</div>

</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"

-1:39