Tutorial Vue 3: How To Use v-model and .sync in Vue 3! // Vue 3 Tutorial How To Do 2-Way Data

Published: 06 July 2020
on channel: Program With Erik

19,297

382

In this Vue 3 tutorial we look at v-model, .sync and how 2 way data binding has change since vue 2.0. We'll also create a simple app where we send information from a vue component to a child component.

🔥🔥 Make sure to check out Vue Mastery! Vue Mastery is a premier teachable platform for all things Vue. Click here and check it out! It helps me keep this channel going! - https://www.vuemastery.com?fpr=erik52

📚 Sign up and get notified about my new Vue 3 course! — http://bit.ly/2vFWBQi

👉Check out my last video on the best developer podcasts
• 10 DEVELOPER RELATED PODCASTS YOU SHO...

📚 Sign up here to get the first chapter of my book (Vue.js in Action) and a cheatsheet - http://bit.ly/2GWWuEw

0:00 Introduction
0:23 Vue Mastery
0:51 How The App Works
1:21 Setting Up Props
2:33 2-Way Using v-bind and Events (vue 2.0)
4:22 Using v-model on components (vue 2.0)
6:15 .sync (vue 2.0)
7:38 Using Vue 3.0 v-model

♡ ♡ ♡

MY COURSES -
→ VUE.JS + NUXT.JS (Two Courses In One) - http://bit.ly/2LalQka

♡ ♡ ♡

Make Sure To Check These Courses Out On Udemy! 💻

→ JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

→ THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

👉 Algo expert is the best way to learn algorithms! Check out my code and get 15% off at checkout with code "erik" http://algoexpert.io/erik

___

Links (and code)
https://github.com/ErikCH/vue3-v-model

MY WEBSITE — http://www.programwitherik.com
MY TWITTER — / erikch