在本章中，我们将学习Watch属性。通过示例，我们将看到可以在VueJS中使用Watch属性。

例

      
   
   
      

         Kilometers : 
         Meters : 
      
      
   

在上面的代码中，我们创建了两个文本框，一个带有km ，另一个带有meter 。在data属性中，km和meter初始化为0。创建了一个具有两个功能km and meter的watch对象。在这两个功能中，都完成了从公里到米以及从米到公里的转换。

当我们在任何一个texbox中输入值时，无论哪个被更改，Watch都会更新两个文本框。我们不必专门分配任何事件，也不必等待其更改并进行额外的验证工作。 Watch负责使用在各个功能中完成的计算来更新文本框。

让我们看一下浏览器中的输出。

让我们在“公里”文本框中输入一些值，然后在“米”文本框中看到它的变化，反之亦然。

现在让我们在“米”文本框中输入内容，然后在“千米”文本框中看到它的变化。这是在浏览器中看到的显示。