00:00
好,我们继续啊,下一个功能咱们来看一下。在这个做好的项目当中啊,或者说例子当中,我在里边输入那种拍回车,数据可以在列表里边展示出来,那文本框是属于我的hi的组件的,我们再来看这个图,Hide组件里边它是有一个文本框的啊,然后呢,我的数据是在我的APP组件里边来的,我应该是在文本框里边点回车,然后呢,在APP当中去添加数据,对不对,应该是这么一个过程。所以啊,这两个组件要进行通信,他们通信通信的是什么呢?哎,注意啊,数据在我的APP里边添加数据呢,是把hide组件当中的数据放到我的APP里边去添加,所以说这样啊,添加数据是一个行为,行为呢我就把它变成一个方法,好,那我们来看啊,我在我的APP组件里边这个位置,我来一个什么呢?添加数据的方法啊,那我就来一个cost at,比如说todo。啊,Todo todo好等于括号。那我们想我最终是不是应该向数组里边添加一个数据,那我输入当中数据怎么拿呢?无非就是state.todo.shift我为什么用用UN shift点啊,因为我最新添加的数据希望他在最上面去展示,所以说我用这个方法,那我这里边得需要一个todo对象啊,对不对,那我有没有呢?没有没有,我是不是可以让他传吧,好让他给我传,这个时候注意我格式化保存。
01:22
那我们来看啊,现在效果是否正常,打开这个界面报错了。Title of unDeFined。诶,刷新一下啊。正常啊正常好,现在好像没有报错是吧,注意啊,既然说他没有报错,那我是不是可以直接的去干嘛,直接的去使用这个方法。注意啊,我要使用这个方法,我要使用这个方法,我在哪使用,我是不是应该在hi的组件里边,在这文本框里面输入内容,一回车的时候去使用这个方法对不对,所以说按照这个情况来看的话,我可以把当前这个方法。复制一下在这啊弄出去。Return返回去,返回去之后呢,然后那我上面的模板当中就可以使用了,是在我的hi的组件里边去使用,那我就给它传递过去。
02:08
来一个什么呢,这样的一个动态属性。给他传递过去,传递过来之后,那我还得组件里边要用,用的话就得先干嘛接收一下。是不是,哎,拿过来,那么它的这个类型应该是什么呢?方程类型,并且是I e q qqu iidd required,代表的是必须的。啊,你必须得给我传。好,那注意现在就可以认为是传过来了,传过来之后我应该是文本框当中一回车。回车这个事件分发之后,然后呢,去执行这个方法,或者调用这个方法,这不就可以了吗?并且把当前这个土豆对象给他传递过去,好,我们来看啊,那无非就是给他来一个什么at。K什么呢?K大或者说k up事件,并且是回车点T,那在这块比如来一个。OK,我需要这么一个方法,有吗?没有怎么办?Set up括号。
03:01
Return这么一个对象,OK,放到这里边儿来。那我现在没有这个方法,我需要定义出来cost。Cost ad。然后等于咔咔在这一写是不是好?注意这个是回车的事件的回调函数啊,干嘛用来添加数据?但是我们要想一个问题,文本框里面输入内容我是不是应该拿到吧?所以说我这个位置还得来一个什么V-model。等于title,那title里边存储的是一个字串,那我现在没有抬头怎么办在这。是吧,也得return出去,那我没有啊,怎么办?再来定义啊,定义一个ref类型的这个数据就可以了。那我来一个constant title,等于的是re EF回车,注意里边给它一个空串是不是好?还有一个问题。大小。当我去点回车的时候,我要做什么事情?
04:00
当我按下回车之后,我是不是应该拿到这个数据吧,所以说在这儿啊,应该是获取文本框中输入的这个数据,并且判断不为空,这样才有意义嘛,所以说我再来一个什么呢?Cost。Test等于。开头。点Y6,注意ref对象,我得点Y6对不对?然后做一个判断,如果叹号t.TM two把空格卸掉是吧?如果这个都没有数据,那我直接返回吧。好,到了这说明有数据,此时有数据,有数据我应该干嘛?创建一个什么呢?Todo的对象,好,那我就来一个cost todo。给他来这么一个对象。对吧,里边应该有ID的话,我通过date.not方式生成,里边应该有title title的话,无非就是当前的这个text。是不是这个样子?然后呢,我们还要继续,好像还少一个属性吧,那我们来看看那个属性是什么,Is is completed,把它拿过来,那有同学在想这个玩意儿,这个玩意儿我应该给他一个什么值呢?
05:13
注意啊,它是一个不类型的值,默认我就给它一个什么呢?False这不就可以了吗?对不对,好。对象已经准备出来了,下一步应该是调用方法,调用什么呢?I的todo的这个方法。在这儿呢啊,我上边有。但是我能直接用吗?不能。因为在set up当中的话,我是没办法直接使用这个at todo,那这个at todo在哪呢?我们setup当中有一个参数props props当中可以拿到这个at todo,因为I todo呢,在props里边已经声明接受过了,是不是?所以说到了这,我调用这个方法无非就是通过props。这个提示不好啊,点什么呢?艾特图do大家看一下,里边是有的,并且我把当前这个图do传进去。是不是,然后还有问题,那文本框里面输入的数据加到列表中之后。
06:04
我要做的是清空外框,所以说这块应该有什么呢?应该有当前这个title.value等于个空。格式化一下,我已保存。好没问题是吧,然后我这边也做一个保存。紧接着我们打开界面来看一下啊,注意I todo这个位置有问题。当然我们可以先看啊,刷新一下。添加有数优惠车数据有没有也有啊,刚才那个问题应该是干掉了啊,其实原本应该是这个样子,在我的APP组件里边,这个todo的位置,我们应该给他一个什么todo的类型啊,这样TS里边肯定是不会报错的。这个刚刚我们完成了一个什么呢?添加数据的功能啊,我现在在回车,是不是数据就有了啊。
我来说两句