00:00
大家好,我是学习园地的特约讲师高若峰,上节课我们学习了监听器watch,那watch呢,就是用来监视某些数据相变化的,在变化的时候会触发某些特定的一些操作,那咱除了学watch,又学了一个这个API,当然这个API咱们用的,因为它的功能我们watch全都够完成,所以呢,这个作为了解就可以了,作为了解就可以了,学这一个就行了,当然它的语法咱们也并没有完全讲全,但是这些就够用了,你比如说还有里边可以stop停止监听,对吧?当这个数据监听到一定程度的时候,我们可以触发一个事件呢,或者是用呃。定时任务啊,对吧,停止监听用一个stop就可以了,它返回了一个stop,我们直接调用就可以啊,嗯,用的很少,所以呢,咱们就没给大家详细的讲,那这节课呢,我们再了解一个,呃,新的知识点,就是在组合式API中的生命周期函数,其实生命周期呢,我们在前面是学过的,而且详细的给大家讲解过,对吧?在一个组件从诞生到结束中间的生命中的某一个阶段,都会自动触发的一些函数,就是生命周期函数,像呃,Want呀,Create呀,对吧,数据更新前对吧,自动调用的数据组件销毁自动调用的,对吧,有这么多。
01:12
生命周期函数,但是这些生命周期函数对吧?我们在新版的view中,也就是在组合API中是用不了的,那如果我们因为我们在新版开发中,如果你使用嗯,Compos,也就是这个组合API开发,那所有东西都写在setup里边,所有东西都写在setup里边,想象一下在setup里边我们能调用到其他生命周期吗?调用不了,那这节课学的组合式API中的生命周期函数就是为了在setup中调用生命周期的这样的一个情况,好,我们建一个程序来说明一下,看一下它们的区别在哪?来,我们打开我们的程序,首先呢,我们在这里边也是新建一个页面,我们叫生命周期,建一个组件,我们就叫做呃,Life生命周期函数OO克就这个。在这里边我们加了一个,那我们就需要在生命周期路由这里边儿,我们也加上一个,对吧。
02:04
把这逗号我们也直接复制过来粘贴,呃在这里边改成life hot变成这个,然后呢,我们加这个组件,我们叫做呃Li这个就可以了,然后我们在在菜单里边,APP里边,我们一样复制一份这个,我们再粘贴一个这块我们叫做呃life呃号,然后我们这块叫做生命周期生命。周期好就可以了,现在我们保存一下这块就多了一个什么生命周期,当然生命周期这里边我们一个也没有写了,对不对?那在这里边我们看一下生命周期一共有哪些,所有的我们都需要在哪写啊,看一下这里边我们所有都得在setup里边去完成这个事情,对不对?所有都要写在呃这个里面,那么这块再加上一个H2的一个标题吧,生命,生命周期,生命周期这里面对吧,那你看一下我们在下边调用的时候,我们把这个去掉,因为我们所有的都在这里边打印就行了,看一下我们原来的生命周期的方法有哪些。
03:10
在我们,诶这里边我们原来的生命周期,你看有这么多生命周期的方法,对不对,这些方法呢,我们都是写在set up之外的,比如说我们这里边有呃有呃,Before create对吧?这里边我们打印一下,这里边是be for对吧,这个方法打一下,那我们这里边再打印一下,你看啊,我们再打印一下是create c。这里边con so.lg这里边我们打印。嗯,点点点吧,等等这里边,然后我们这里边再加载一个mount m挂载的时候执行的挂载的时候执行的RO,这里边执行一下,这里边mon TED挂载执行了这样的一些方法。
04:02
看一下是这一个是我们以前执行的这个生命周期,以前用的,你看啊,在这里边都执行了,那现在新版的呢,我们在这里边去,因为在这里边执行一些事情的时候,在生命的某个阶段自动调用的时候,那并不会调用到setup里边的某些方法,某些数据在这里边用掉,但是所有的新版的API左射API都能在这里边写,所以这里边自动执行的时候,不会跟这里边程序产生干扰,对不对,也就是用不上,那如果在这里边用,你看咱们set,你看什么时候用呢?Setup这里边我们set up这里边接着点,你看它什么时候用的。刷新这里边儿我们重新刷新一下,你看setup这最先调用的,不是因为它写在上边啊,我写在下边,它也是最先调用的,跟上下这个位置是没关系的啊,你看。它也是这调用的。我放在这吧,这是最要用的,所以呢,在setup里边生命周期的时候,因为setup是组件,在没创建之前,对吧,我们就调用了,所以在setup里边你不会有这些创建组件的这些东西,不会有这些东西,对吧,那其他的都有。
05:06
都是差不多的,其他都有,只是这两个是没有的,所以呢,我们在这里边你看啊,在这个setup里边我们是调用不了,像这里边在调用API的时候应该使用O,比如说o c ret是没有这个生命周期方法的,没有这个的,当这个方法不是不是在这里这么写啊,这里边我们通过一个回调方法这样去写,当然不会调这个,因为我们set up在调set的时候,对吧,这些东西我们还没有执行的对不对,所以他车里边是没有的,所以。这两个对吧,你想在这个周期调用直接使用什么呢?Setup里边调用那其他的些Mo什么东西有的,那这里边语法细节是什么呢?我们用的时候你看怎么用,首先得加on,然后呢,比如说Mo TD前边跟我们这个的写法,前边是带个什么呢?带个honor对吧?然后我们这里边的写法是传一个回调这样的一个格式,那这里边我们LG反应一下,反应什么呢?
06:08
这里边看它调用跟上面的一个,呃,一个区别啊,这里边是o Mo TED,这个你看会不会自动调用,在赛纳里边会会不会自动调用,这是好刷新一下。诶,我们这块有一个。啊,错误啊,这也没有定义,为什么咱们还有一个语法细节没说,所有在塞塔里边,它也属于一个生命周期函数,也是API,对吧,只要是API,我们就必须得怎么着,必须在上边引入iport引入啊。Mountained这个from从小写的这个vuee里边引入,你看引入完之后我们再刷新一下就不没有错了,对吧?你看这两个和组件本身的这个帽子生命周期,它俩其实是一个时间去调用的啊,只是有一个上下的问题,对吧?那这个时候假如说我们请求数据库,或者什么在setup里边请求数据库,那么我们就可以通过这个里边去做了。
07:05
在这里边去做了生命数体函数,当然还有其他的生命数体函数,都是一个道理了,我就不一一给你写了,对吧?那你看这里边一共有哪些对吧?这些数据更新对吧?Update,但是你用一个,你比如说up up数据,假如说有更新,就跟监听我们那个差不多,对不对?如果这里边加了一个,这里边需要加一个O子回调方法con so.lt我们这里边写上是on up it,所以呢,语法格式就是前面多了一个on,对吧,多了一个on,然后呢,里边是回答方法,那用的时候呢,我们还必须注意一点,就是一定在这块得加什么,得引入对吧,这样的话我们才可以用。如果我们有数据,对吧?模板中有数据更新,它就会调用到这个方法,当然这块没有数据方法,那如果你在这块有个数据更新,比如说呃,CTRD。CT保存一下,你看数据有更新对吧,我们这块数据调用了,而并不是说一个变量的更新,只要界面有更新,它就会去调用这样的一个方法,Update,这是我们生命周期,注意一下,那在这里边写生命周期,那这里边就可以访问到这里边的任何的一个变量了,比如说啊light对吧,这里边生命变量Y等于11111对不对,那在这里边我们是不是就可以把这个。
08:24
变量给用上了对吧,你看我们看一下,你看是不是就可以把数据给用上了,而我们在外边是这里边,你看假如我们在这里边,你是用不上这个组合API里边的任何东西的,而我们在在这里边的生命周期是可以用到这种东西的,所以呢,记住了,只有组合式API用生命周期的时候,就得在这里边用这种语法格式。好,谢谢大家,这节课我们就讲到这里。
我来说两句