Two-way Data Binding with v-model

Danny Connell
A free video tutorial from Danny Connell
Indie App Developer & Instructor
4.7 instructor rating • 5 courses • 17,905 students

Learn more from the full course

Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps

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

15:18:37 of on-demand video • Updated January 2021

  • How to create a real-world, cross-platform app for web, iOS, Android, Mac and Windows using Quasar Framework 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 and VueJS
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.