Two-way Data Binding with v-model

A free video tutorial from Danny Connell
Indie App Developer & Instructor
Rating: 4.7 out of 5Instructor rating
6 courses
24,829 students
Two-way Data Binding with v-model

Learn more from the full course

Quasar V1: Cross-Platform Apps (with Vue 2, Vuex & Firebase)

Use Quasar V1, Vue JS 2, Vuex & Firebase to build a Cross Platform App for Web, iOS, Android, Mac & Windows

15:20:03 of on-demand video • Updated March 2022

How to create a real-world, cross-platform app for web, iOS, Android, Mac and Windows using Quasar Framework V1 and Firebase
How to manage the state of your app using Vuex
How to create a back-end for the app using Firebase Realtime Database - including user authentication, reading and writing data
All the essentials of Quasar Framework V1 and VueJS 2
English [Auto]
Now, let's say we want to use it to be able to edit this message property. How can we do that? Well, first of all, we'll create an important element on the page. Now we combine this import element to this message property by using the V model directive. So we just add Vache model equals and then the name of the property that we want to buy in this input to in this case message say that. And you can now see the message inside the simple. And whenever we change this important. Message is updated straight away in real time, and you can see it updating in this five time as well in real time.