27_尚硅谷_Vue_案例_交互添加

下面我们就来开始去做交互。交互这里面好一些啊，一个一个看啊，先看最简单的这个。这个头部是不是有一个添加了一个胶管啊，输入以后按enter键啊它的。好，我们来去找到这个主页，我们现在要去写一个组件求助。And。是这个吧，好，我们前面说过，写交互底部干嘛？你是？给目标元素说绑定监听呢，那就是给他呗，绑定什么监听呢。按回车键才做个什么事，我的绑定什么决定啊KR对吧，而且是按entert键an是吧，等于我现在要干嘛去，是添加是吧？啊OK，添加来，那我可以写爱也可以爱em都行啊，这个没问题，好，我既然是一个音input的，那必然会写一个VGA model。

的了吧，好，这个地方我就写一个抬头呗。可以吧，好，来下面啊，我们得写点东西啊这个。写在你们等下呗，函数等下抬头开始空创呗，接着来一个message是吧，啊，接着来一个爱的这个方法是吧。好，最终我是不是要将开头里面的数据啊，根据我输入。添加哪个里面去。是不是添加到这个里面来。其实跟昨天很类似啊，基本上是一个套路啊，什么意思呢？第一步啊，检查输入的什么。

合法性对吧，那当然不合法就结束对吧，就提示一下第二个啊，根据输入啊，我这个时候要最终生成一个对象，生一个什么对象。去溜达一下呗。能看到吧，好，接着啊，将todo对象添加到什么to。最后还有一个就跟昨天一模一样啊，啊清除是不是输入啊。能看到吧，好，看这个。检查合法性，我是不是现在给他什么取出来呀，看title等于哎写错了是吧，少一个N是吧？来title等于this.title点去。

在了没，如果说它是一个force，那说明问题啊，最终是不是结束啊，当然你也可以提示一下，对对吧，说必须啊输入对吧，简单提示一下下面这个。最终我要去生成一个todo对象对吧，里面title是这个吧，还一个看刚添加的肯定吧，没问题，好添加到，哎，这个时候我是不要更新副主件的一个状态。那我们前面说过一句话，数据在哪里更新这个数据的行为就应该定义在哪个组件，对吧，一样的写什么对吧，好来。添加一个todo呗，接受什么？

是不是？这个太简单了吧，跟昨天一模一样啊，Shift的谁？接着我要将这个函数传递给是吧？接着回到汉的，汉的里面要干嘛，声明接收对不对，这样吧，好，它的值什么类型。方什么不写过吗？能看到吧，好，那我这边怎么办，我是不是要调用他，那我怎么找到他。是不点他括号传什么啊，接着我要清除输入this.title等于好空串。

这个其实跟昨天是基本上一模一样的啊，没什么太大变化。好，那现在呢，我们来去看一下，看看行不行啊对不对，好，接着我输入AA按一下按点键。可以吧啊，如果我不输入按键有用吗？没有用。能理解吧，啊是可以的，就说明我们这个添加这个交互就做好了，就这么简单。