24_尚硅谷_Vue_案例_交互删除

和我们这里面有些新的语法啊，下面这个做起来就很轻松了，是吧，现在要删除啊，大家想想删除这个在哪个组件里面的一个交互。哪个组件item是吧？好，那也就是说我们刚刚说过了解交互先加监听是吧，来这不删除吗。干嘛？At等于。啊，Delete这个用这个名字不太好，为什么呢？因为这是个关键字，不懂啊，比如说delete item或者remove是不是都行啊，OK，好。来啊，我有这么一个方法啊，那我得写一个对应的什么麦的，先写什么麦，再写个它对不对好了。那这个地方啊，就是有有些事情啊，譬如说我们是不是要要确认一下呀。

就是说你是否删除谁，是不是有个确定，来一个if，写一个什么window.come吧，对不OK，这里面要写什么呢？确定啊，这里面要写个东西，确定删除谁的评论呢。是吧，我这个地方我是不是得把它取出来认懂吗？啊把它取出来，来取它一下怎么取了，我用这个语法来做怎么做啊，对啊，这就行了。是吧，好，而我这地方写什么？点啊得评论对吧。啊，好可以了吧，好最后。真正我点确认的时候是不是要删除去，那这个时候是不是又要去更新我的这一个components。

那说明什么？我要再定一个。是不是再定义一个更新的方法叫删除指定什么的评论呢？更新什么的删。是不是下标啊。来了吗？自定义下边的评论。这个应该知道是吧，来。写个名字穿什么？Index，过来，那我这里太轻松了，This component点。三是谁几个几个，那这一个函数这个方法应该最终要传给谁item，但是我能看见item吗？不能得逐层传递吧。这样的吗？那我的这边需要做一个什么声明。

但是我本身也不用。对吧，我交给谁去，哎，那我再教一下啊，再加冒号，它等于它是吧。可以吧，接着我的item这边再声明一下，什么类型方。是吧，好。来，现在终于可以掉了吧，可以掉了吧，认识点啊，关键问题啊，我需要什么index，我有index什么。没有，也就这个应该我不知道得外部这个历史的传给我历史有没有。有就是他没传啊，这个没没有传递给这个特码他用的，那所以要怎么卖。是吧，那我的这边需要干嘛去先声明什么类型number下标吗？是不是很轻松。这里。

啊，其实我们开始可以把这些这些玩意都给了什么。是我写上啊，取出来直接调不就得了吗？不很轻松吗？啊，有句话很重要是没有对比就没有伤害啊。好来我们来看一下，看看行不行，我还是添加一个啊。来，譬如说我去删除这个包裹，走，那等取消肯定没删是吧，只有点确认的时候拆删来。是不是删掉了好，删掉了，还有一个删掉了最后来一下啊删掉好这个地方不对。这个应该显示啊，没有任何评论对不对，诶这个地方来看一下我们list。有一个这个。这里面是不是写死了要隐藏的不对，应该是不是有可能显示，有可能隐藏啊，你用一个指令V数或者V是都行好微数啊，根据什么时候显示了，我这里面是不是有comments点认识干嘛，是大于零还是等于零。

啊，等于零吧。说白了，没数据的时候才显示这个吗。你看没多好啊，这个地方啊，有个事啊，他没有去刷新页面。你没发现吗？你要刷新页面肯定不是现在这个效果啊，这个地方它用到了一个技术，呃，叫HL。叫热模替换，它不是去刷新，不是去完整的全部的去更新模整个模块，而只是更新了一个模块，就是你改的这个模块。啊，把以前的替换那个状态还在，看到了吗？本来我的状态还在，这个效果有时候特别好用。

就是你一看就出来效果了吗？啊OK，大家看一下诶，这刷新的效果对吧？啊的效果是刷新的效果啊，View里面它是一个热乎替换的效果啊，就是能把状态给保留下来。好，那整个我们就做完了，那大家下面的任务就是要把这个给大家写出来，行，大家先休息会。