Vue component watch attribute example explanation

This example shares the specific code of the watch attribute of the vue component for your reference. The specific content is as follows

&lt;!doctype html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;title&gt;wacthproperty&lt;/title&gt;
 &lt;script src="js/"&gt;&lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div &gt;
  &lt;p&gt;{{msg}}&lt;/p&gt;
  &lt;my-component&gt;&lt;/my-component&gt;
 &lt;/div&gt;
 &lt;script&gt;
  ("my-component",{
   data:function(){
    return {
     myInput:"",
     myPhone:123456
    }
   },
   template:`
    &lt;div&gt;
     &lt;input type="text" v-model="myInput"/&gt;
     &lt;input type="text" v-model="myPhone"/&gt;
     &lt;span&gt;{{myInput}}&lt;/span&gt;
    &lt;/div&gt;
   `,
   watch:{
    myInput:function(){
    //When the data changes, the operation performed     ("Data Change");
    },
    myPhone:function(){
     ();
    }
   }
  })
  new Vue({
   el:"#container",
   data:{
    msg:"Hello VueJs"
   }
  })
 &lt;/script&gt;
 &lt;/body&gt;
&lt;/html&gt;

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.