Handling Form Data

scrimba

Watch in fullscreen

Handling Form Data

by Victor Gonzalez

Preview

About

Comments

Notes

Event Bus Introduction3:54

Handling Form Data

by Victor Gonzalez

Preview

Expand for more info

Event Bus Introduction3:54

index.html

run

preview

console

<html>
    <head>
        <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
        <link href="styles.css" rel="stylesheet">
    </head>
    
    <body>
        <div id="app">
            <!-- Vue App Here -->
            <form method="post" action="#">
                <input-field label="First Name" unique="first_name"></input-field>
                <input-field label="Last Name" unique="last_name"></input-field>
                <input-field label="Email" unique="email"></input-field>
                <div class="input-wrapper">
                    <button>Contact Us</button>
                </div>
            </form>
        </div>
        
        <script src="index.pack.js"></script>
    </body>
</html>

<html>

<head>

</head>

<body>

<input-field label="First Name" unique="first_name"></input-field>

<input-field label="Last Name" unique="last_name"></input-field>

<input-field label="Email" unique="email"></input-field>

<button>Contact Us</button>

</div>

</form>

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

-8:55