day05/上午/094-尚硅谷-尚融宝-watch的使用

好，那么我们来看一下监视，这个监视呢是另外一个概念了，然后呢，它在某种程度上呢，实现的这个功能呢，和计算属性有点像，所以我们来看一看它的不同点在哪，嗯，在。VIVO这个地方呢，我们新建一个文件。然后呢，你看有的时候我们在创建一个文件的时候，他说这个名称无效，然后看来看去好像也没有什么问题，这个时候你要检查一下前面啊，看看有没有空格是吧，有空格就一下，然后七件事，我们把刚才这个DEMO给他复制一下。然后接下来呢，我们写一个例子，写一个什么例子呢？就是啊，在我们的这个页面当中吧，我还是写。刚才这个例子，一个姓，一个名，一个全名，让他粘过来。一个姓啊，叫firstname一个。

一个first name last name，然后接下来呢，这个是。全名叫腹name是吧，嗯，跟刚才就很像，然后呢，接下来呢，在下面的这个呃，Data当中呢，我依然是和刚才一样定义了这个first和last啊，这都保持一致的，然后在接下来呢，我在这个。后面这块用另外一种方法呢，来计算我们的腹内，那这种方法我们用什么呢？用which啊。叫监视。Watch。然后watch谁呢？我们来watch first name和last name啊，怎么去watch呢？这样写first。Firstname，然后watch的过程当中呢，我们要做一些操作，所以呢，我们在这个地方呢，写firstname，同样呢，Lastname last，嗯，好，这个地方注意你要watch的内容呢，来源于data里面的数据模型，你要watch谁，你这个方法的名字就是什么，比如说我要watch first nameme，那这个方法的名字一定和它保持一致，我还要同时watch last nameme，那我这个方法的名字呢，一定要和它保持一致啊，那这样的话呢，一旦firstname发生了变化，那么这个firstname方法呢，就会被自动的调用，所以这就叫监视，对吧？一旦这个last name发生了变化，那么这个last name方法呢就会被啊调用，那么它变化的时候，变化的内容是什么呢？我们可以通过这个参数啊动态的获取出来。

然后接下来呢，我们在这个地方呢，偏速一下啊看速点，那然后是first name被改变变化。

然后这边呢，还是我们写last变化。也是Y6，我们先来看一下这个啊，是如何工作的。Name is not吧，定义出来啊，这个地方定义name这样写哈。好，然后接下来呢，我们在这个地方呢，先把这个姓呢给它变化一下，大家看first内容变化变化完了是什么呢？是海音，看到吧，我再把名呢给它变化一下，大家看last name变化变化完了是摇二，所以说呢在我们这位置。

它数据模型发生变化的时候，自动呢，就会调用watch里面相对应的方法啊，所以这就是监听了，那么这个监听有什么作用呢？我们完全可以在这个内容和这个内容发生变化的时候呢，去去动态的计算这个负面啊，所以呢，我们可以在这个位置取this，点附name，等于value是first name是不是加上空格加上这似点拉啊，然后这是我们计算出来的负内，直接就绑到这个上面了，同样这面也是一样的，当last name发生变化的时候，我们this.full nameme，然后等于this.first name，然后加上。

加上value value呢是当前的这个last name对吧？好，然后接下来呢，我们来啊，再运行一下，还是刚才这个面板，然后这面海冷发生变化，大家看这个负name呢，就被计算出来了啊，然后同样这爻发生变化，这腹内呢也会被再次的计算出来，所以呢，这块就是监听啊，整个这个监听的这个业务逻辑呢，要比啊刚才。咱们的这个全名就是零六计算全名的这个概赛的方法呢，可能稍微好理解一些啊好，然后呢，但是他的这个，呃，监听这块呢，嗯，比如说我想计算这个反向操作的话，比如说我在这个地方，我要先听三。嗯，监听这个副name做反向操作的话，那么你呢，同样还要做什么呀，做这个name的一个监听，然后把副name监听到之后呢，通过split把它分开，分开之后呢，再给它做绑定是吧？啊所以这个是监听啊，如果反向操作的话，大家可以自己思考一下啊，怎么去监听这个。

监听腹内我提示一下大家就在这个地方呢，你可以监听负name，然后接下来呢，具体实现怎么实现呢？具体的实现呢，你可以参考前面这段的代码，对吧？可以参考这段的代码啊，你看一看自己能不能把它反向截评做出来，好那么综合来看的话呢，实际上对于我们这个来说，可能监视的这种方式呢，更好理解一些啊，然后计算属性的这种方式呢，效率更高一些啊，因为计算属性它里面毕竟有基于缓存这样的一个功能，好，那这块呢，就是我们的。这个监听啊的一个具体的一个应用了。