Data binding in vue js

Data binding is a technique used to bind data sources from the provider and consumer together and synchronize them at the time of retrieval. In a data binding process, whenever data is changed, it is reflected automatically by the elements bound to the data.

<template>
   <input type="text" v-model="val" placeholder="data binding" />
   {{ val }}
</template>

<script>

   export default {
      name: "HeaderComponent",
      props: ['newArr'],
      methods: {
         eventCall(){
         }
      },

      data() {
         return {
            val : 'value'
         }
      }

 }

</script>