00:00
呃,这个setup参数呢,咱们也来把它说一说啊,它里边呢有两个参数,一个是props,一个context。下边呢,咱们来看一看啊,咱们玩一下这个东西。啊,这个东西啊,并不复杂啊,咱们一起来看一看。那我呢,先把之前的这些代码给它注释一下。这样呢,不影响咱们写代码。这个呢,我都去掉啊。好保存一下。这样我们刷新一下界面。先看看有没有什么问题存在啊。啊,这块还有一个count,因为count我已经不用了嘛,所以说我就把上边这个代码呢,去掉它啊。再保存一下。刷新一下。现在呢,这个效果就正常了,然后呢,咱们要做的事情就是看看它这个方法里边的参数,第一个是pros。Con CT,好,然后我们分别把这两个参数显示一下呗,GS还有一个cons.log括号context OK。
01:07
保存一下,我们来看一下界面啊,现在呢,呃。咱们可以看到啊,这个里边有一个proxy类型的对象,下边还有一个对象是吧,那第一个对象就是第一个参数嘛,是不是,嗯。呃,我们这样做啊。呃,首先呢,我们来看看。这个里边。它这个里边呢,有一个target的,Target的当中呢,有一个message msg这么一个属性,那里边的这个数据呢,我们看的很清楚了,那所以说这个props第一个参数是什么意思呢?诶我们把它写一下啊,参数它获取到的是啊,首先它是一个对象,然后呢,里面有谁呢,有这个负极组件项。子集组件传递的数据,并且是在子集组件中。子集组件中使用接收。
02:13
到的这个所有的属性啊。我们来看啊,现在在咱们笔记里边呢,也有这句话说包含props配置声明,且传入了的所有属性的对象啊,所以说呢,这两个描述啊,哪个都行,理解哪个呢,你就用哪个啊。好,那这个是props,那刚才呢,我们已经看到这个代码了,所以说呢,现在我在这来一个点MSG已保存。我们应该是可以很清楚的看到啊,就是说它里边的这个数据被展现出来了,What are,油浓沙是吧,好。那么呢,我现在呢,把这个注释掉。啊,这是props,那context呢,里边有什么东西呢?我们点开看一下。A,有三个,一个是at ts,也是一个代理对象,还有一个emmit,这应该是一个函数分发事件的,还有一个los,这个是啥呢?插槽,插槽呢,咱们在VI3里边还没接触到呢,所以说咱们暂且先不讲这个啊,来看另外两个。
03:11
那也就是说在这个位置我可以去点一个什么呢?At t RS之后呢,在CAno.log括号con点有一个EMIT是吧,就是这是函数,函数就没有必要输出了啊,但是我们还是看一下吧。刷新一下。那我们来看啊,这也是一个代理对象,但是它里边暂时没有什么数据啊。那这呢是一个函数是吧,那么我们就现在演示一下呗,呃,举个简单的例子,比如说我现在在APP里边啊,在这个位置。嗯,给他来一个MSG2吧,然后等于啊真香好保存一下之后呢,在这边我做什么事呢?Cons点,落个括号,Student点。At ts,然后再去点MSG2,然后我们去刷新。
04:03
哎,那这个时候我们刷新一下啊,来看一下,哎,这块是不是就有这个真相吧,哎,那所以说呢,这个at ts是什么意思呢,咱们把它也说一说啊。呃,这块啊,首先有一个con这个参数,它呢,诶是参数啊,它呢也是一个对象是吧?啊里面有什么呢?有这个at t RS。对象,然后逗号EMIT函数方法。还有一个是slots这么一个对象啊,它是涉及到插槽的啊。那这个方法是干嘛的呢?它是用来分发事件的,刚刚咱们演示了一个at ts是吧,它是干嘛的呢?它是获取什么呢?呃,当前组件标签上的属性,但是该属性是在什么呢?
05:02
中没有声明接收的所有的属性的什么呢?对象是吧,获取当前组件标签上的所有的属性,所有的属性的对象啊啊这样解释一下,那当然呢,这个笔记里边也有,我把它呢复制过来。草,那咱们放到这儿来啊好了,那这个属性呢,我们也看到了是吧,下边还有一个1MIT,它是可以分发事件的啊,那么我们也是举个例子,比如说我在这上面啊,写上一个艾特叉叉叉这么一个事件,自定义事件。那当然了,这个事件应该有对应的回调嘛,所以说我就在setup当中,负极组件里边给它来这么一个函数啊,就叫叉叉叉括号括号。将来它可以传递参数。之后呢,我就去修改MSG这个值吧,MSG点什么呢?Y6加等于TST吧,好,那我先保存一下啊,当然这个方法呀,它是需要我们放在。
06:07
属于测当中的。好了搞定了是吧,好,那child当中呢,我想分发这个时间,那比如说我点击按钮来分发这个时间啊button。有时候分发事件,那就来一个呗,艾click等于比如说就叫做1MIT,然后叉叉叉好,那我需要有这个回调啊。把它放到return人当中写一下,在这上边还得来一个函数方格身,诶,拿过来拿过来。里边这是按钮的点击事件的回调函数,好了,那现在我就可以用谁的呢?Context context,点里边有个it。之后呢,把叉叉叉放进去,还可以传递数据,那这个数据呢,我就给它写个加加好保存一下啊。这个时候他好像报错了是吧,太好了啊,这个TST报错了是因为啥呢?在VIEW3里边,如果说我们定义函数这块给参数了啊,因为我还有还因为还因为我们这里边用到了TS啊,所以说这个位置我们最好给它来一个类型。
07:13
哎,这样。再保存一下。刷新一下。好,现在呢,我们再来看一看我一点分发事件,大家看这个数据是不是就可以改变了吧?哎,那刚刚呢,咱们说的是什么呢?是这个set up当中的两个参数,一个是prop参数,一个是context参数,Context参数当中呢,还有三个属性,At ts啊,UT啊,还有一个it,咱们这里边演示了两个actress和这个it啊。好,当然啊,我们平时在写代码的时候,很有可能不会这么写,就是不会写context。他有可能会写什么呢?会写这个,嗯,我先把它放到这儿啊。然后把这行代码吧,注释一下,复制一份放到这儿重新写一下,我们可能会这么写,At ts,还有什么呢?Slots,还有一个是啥呢?EMIT,哎,这样做行啊。
08:05
那当然了,如果要是这样做,那咱们这个代码肯定不应该这么写了啊,那这个位置也不应该这么写了,那就写什么呢?EMIT啊是吧,来一个叉叉叉之后呢,再来一个加加。好保存一下,现在呢,我们再来看一下啊刷新。点一下大家看没有问题啊,下面那个警告不用管它啊好。那这个问题呢,咱们就搞定了。
我来说两句