00:00
呃,这个东西呢,咱们也来演示下。然后呢,在view的二点叉当中,它也是。它能够干嘛呢?实现跨层组件。是什么意思啊?比如说呢,我当天的这一个框代表的是一个负极。里边这个是自己组件。原本我们在V2当中多数情况下使用的是pro。么的实现这个。爷爷和孙子组件之间的。这样其实挺麻烦的。啊,但是现在呢,在WINDOW3里边儿有这么一个。然后就可以实现什么呢。举个简单的小例子啊。那这个是。
01:05
简单一点啊。但是要想演示这个效果呢,咱们这里边儿还真的有点麻烦。因为咱们需要搞三个组件。所以说啊,我在这儿啊,再写。我先来个P标签,这个里边显示的是。然后呢,我就做了一件事情,就是把这个。定义其他的组件啊。并且是一个响应式的数据啊。Cost color统一。那我就写个ref的方式吧。If的这个方式的话,里边我就写个。
02:03
看一些效果。Injt,然后。那我下边有两个按钮啊。三个按钮呢,第一个。然后再来一个什么呢。点击按钮做的事情就是改变他的。等我把这界面搭建完之后啊。颜色确实是变的,是不是?
03:02
就是说当前这有一个负极组件。这儿呢,是一个父级组件,里边呢,我们再来一个子集组件,里边再来一个孙子组件。然后呢,当我们在负极组件当中点击按钮的时候,可以改变这个子集组件里边。将负极组件和里边最里边的这个子集组件直接进行统计是不是?爷爷和孙子组件直接进行通信,然后呢,跨过这个父亲组件。我这现在只是。实验,简简单单搭建这么一个组件。那我再来一个。其他的组件啊。Comp这里边儿,目前我就先给他一个什么文件呢。来个H3。
04:01
那这个是S子机组件。那这个里边呢,它得用到这个什么孙子级的那个组件。所以说啊,我在这。那这个位置啊。里边再来一个新的组件,那这个就是grand。G。对啊。这个组件和我当年的S组件,它俩是怎么关系?他俩是不?那我这块也是VV3。这个我也写个一写三啊。孙子组家。这样大家容易理解。当然我这里边儿呢。
05:05
像他的这个啊。当然现在没有这个数据,没有这个数据的话。然后呢,在这个孙子在这个。儿子组件里面去。我们进来之后不要忘了要注册。注册了之后才能用啊。还有当前我的这个户籍组件里面。这个主机组件。
06:00
他也需要进行注册。之后下班再去。用一下啊。啊,这上边外边是我的父亲组件,这块是一个儿子组件,这儿呢是一个孙子组。那我要做的事情是很简单的了。我到负极组件里边点击按钮的时候啊,可以。颜色的值。然后呢,我希望这个颜色的值可以直接传到孙子组下,而。不经过这个儿子边。然后数字组件可以拿过来直接用啊。那我们打开。APB点六这个组件。那首先呢,这块我们可以看到它是。一个小应式的数据。然后呢,我们要为孙子组件提供数据,是不是,哎,那我该怎么做呢?直接在这里边来一个。
07:06
Pro。然后呢,在这里边直接打上一个括号。注意啊,你要给他一个标识,比如说我的标识就是一个color。然后呢,我要把什么数据传过去呢,我要把color这个数据。啊,那这样呢,就是提供一个数据。好,那现在这个提供这个数据呢,就已经给我提供了,提供完了之后呢,我希望在我的孙子组件里边去用啊,那我该怎么办呢?其实非常简单了。Grand当中啊,这个。来这么一个对象。这个对象里边我肯定要有一个。因为什么,因为我要在当前这个里边去用。
08:04
这个里边我现在是不是要获取这个color的数据吧。的Co直接等于什么呢?那个叫inject。把这个标识给他。一个是提供,一个是出入。然后我去点一下黄色,再点一下。完全是我的爷爷组件和我的这个孙子组件直接进行统计,不需要经过这个儿子组件是不是?所以说我们这边这个描述就是。实现跨层级组件的分析。我现在呢,把当前的这里。然后里边新建一个。
09:14
然后这里边儿components。APP当中这些东西。啊,刚刚呢,咱们讲的是谁呢。他们之间用的数据最好是响应式的数据啊。
我来说两句