00:01
下面我们来学习第二个指令。叫VO。V高指定的,它的语法是这样的,V高冒号加上一个世界名称等于。一个世界回调函数。哎,通过这个写法呢,相信大家也能知道他大概做什么事的了。没错,它就是用来绑定事件的。那么它呢,可以把定哪些事件呢?这里就要说一下,因为咱们现在是在移动端,并不是所有PC端的之前那些世界都能适用,他们把你的世界呢,主要适用于啊。比如说我们的一个点击啊长。还有touch。Touch世界,什么touch star touch木啊。Touch end touch cancel这些事件是支持的,但是其他的基本上是不支持,除非组件有明确说法,否则它就是不支持。
01:13
那么这些世界呢?是所有组件都支持的通用世界,而其他世界支不支持?那么就要看它组件本身了,本身的文档。好,我们来演示一下,比如说现在就是一个按钮,我想给按钮呢,点击按钮的时候提示一段文字,提示的就是这个message的值,那么下面我们就可以用上这个指令去完成这个操作了。V-O冒号加上世界名称点击事件嘛,Click等于一个世界回调函数。那么回调函数咱们是要定义的,不是说你写在这就可以了啊,是要定义的,那么在哪里定呢?哎,这个时候就要来到method里面,Method里面定义函数。对,是定义普通数据。
02:04
所谓的普通数据,就是非函数数据。而methods是专门用来定义函数的。那么这个函数数据就是为了,基本上都是为了给世界做回调函数。当然也不是所有都是这样的啊,基本上都是这样做的。那么定义的函数数据呢?我们要求啊,有一个小要求,就是必须是普通函数,不能是借函数。因为只有普通函数才能保证这次指向。才会是主接时对象。如果你写成了箭头函数,那这个指向就不对了,那么这时候你想获取数据就获取不到了,所以这里要注意一下。
03:01
好,定义好了这个函数之后呢,咱们在这里就可以提示文字。那么提示的方式也不一样,在我们之前啊,PC开发的时候呢,可能你提示就是alert一下就好了。但是咱们这呢,最终打包的是安卓应用,它没有方法。这个时候我们就要用上API对象。API对象呢,未来我们会做详细的介绍,你可以把它看作就是一个window对象一样,它上面呢内置了很多咱们框架或者咱们平台给他提供了一些属性和一些方法,那么这些方法一旦调用就可以生成相应的功能。就这样的一个对象,它有很多,拥有很多功能。其中它上面就有方法叫alert,这个alert呢,和我们PC的alert非常相似,但是又不完全一样。啊,因为它调用的要传对象,对象的message,就是咱们要提示的具体内容。好,那么我们希望提示这个message的值,怎么去访问它呢?首先通过这次访问到当前组件的实例。
04:07
再点data访问到得塔对象的值,那么data塔的哪个呢?点message才行。这样呢,咱们就可以访问到这个数据了。诶,可能有同学从事过view开发,View开发的话呢,可能直接this message就好了,实际上咱们这里如果写this message也行,但是这里要注意就是在一些特殊的一些功能下面呢,可能你直接通过this message,它访问不到数据。所以为了确保万无一失,我们建议访问数据呢,都是this,点点什么什么,这样访问,这样访问是最好的。好了啊,这是这个啊。那么我们接下来就可以测试看效果了,当你点击按钮的时候,它就会触发点击事件,点击事件就会执行回调函数,回调函数呢就会来到这里执行这个API点方法,那么最终就会提示这段文字。
05:00
下面我们来看效果。右键增量编一下,那么代码呢,就会更新成最新的样子,我们尝试点击按钮,诶你看它就提示hello am了,对吧。好了,那么这里呢,就是咱们绑定事件的一些方式了。那么这个回调函数呢,其实它上面也有我们之前用过的疑问对象啊。只是这个疑问对象呢?在实际开发中,我们可能用的并不多。世界对象它上面呢,主要有两个属性,一个是detail。一个是这个current。Target。的话呢,它是一个对象。它这个对象,它包含了当前点击元素的一个SY的坐标。就是你就是你鼠标的一个坐标啊,比如说你在这里点,那么X可能就会少一点,Y的话,就是这个坐标啊,就是XY的值。
06:00
就这个对象。你将来如果要做一些什么,呃,一些细节的操控的话,做一些动画啊,或者做一些啊什么一些其他细节,可能需要用上它,就可以找到这个detail对象。好看target呢,就是就是目标元素嘛,触发事件的目标元素。就是这个current target这个对象啊。但是一般来讲呢,这个疑问之下,其实用的很少啊,实际开发中呢,我们也用的不多。这个。好啊,把定世界的话呢,它默认的这个参数呢,就是疑问对象,那么除了有疑问和对象以外,它还有别的方式啊,后面我们可以研究。那么这里呢,我们还要给大家介绍一下,就是绑定世界的方式还有多种,它除了这种写法以外呢,还有简写。简写,简写成就是艾特加上世界名称等于回家函数。那么简写很明显就会更简单一些啊,就会简单一些,来我们把这个试一下,把它改成艾特符。
07:01
这里是按钮一,下面就是按钮二了,回调函数呢,我们就不多写了,我们就这样测试就完事了。那么下面这个按钮二也是OK的,我们来看效果。点加零二,诶,它也提示了啊。所以板栗事件呢,你可以写完整写法,也可以简写,但是很明显简写方式更简单啊,所以我们推荐大家用简写的方式。除了这种方式以外呢,还有。就是写成O卡。欧可丁克呢,有点类似于原声动绑定世界的方式后,这是世界名,这是回调函数,对吧?那么这样也是OK的,我们分量更新一下。点击按钮三,诶,它就提示了啊,也提示了,所以呢,就是这三种方式都行,那么我们是推荐大家使用的是第二种。啊,使用第二种。那么使用第二种的话呢,我们写这个来写这个回调函数的时候,它自然的会有提示,如果你定义好的函数,它自然有提示,而写成这种O的形式的话呢,那没有提示,所以写起来很费劲。
08:08
那么上面第一种呢,又写起来太长了,所以一般不写,所以我们推荐大家使用第二种绑定事件的方式。好了,最后呢,我们还要研究最后一个细节啊,这个V高用指令呢,还有一个细节就是呢,它的世界回调那个参数适可以操作的,它默认参数呢,是以文子对象,就是我们不传参,它的参数是以问对象,那么它还可以传参。我们这时候就要换一个回调函数了。来换个可定和二可定和一吧。这时候呢,它可以在这里调用给他传递参数,想传几个传多少个。那么这个时候我们去写这个回调函数的时候。它就没有对象了啊,它就没有对象了,它的参数就是上面我们提示的这个ABC。哎,我们也可以把它提示一下。
09:01
在这里呢,我们提示这个ABC乐符A,用上模板字串拼串的语法啊,我们把这个ABC给拼起来,然后呢,同同时的去提示出去。好,我们接下来看按钮四运行。点击按钮四,哎,你看它的提示123。所以开发的时候就这样的,如果你需要用上已问的对象的话,你就直接写回调函数,它就能接收到问对象。如果你希望用上其他参数的话,你可以写成调用的形式传三,那么这里写成调用的形式,它并不会调用这个函数,而是给函数传递相应的参数,这里要注意并不是第二个函数,而是给函数传递参数。传递参数之后呢,你在回调函数这里声明接收,然后去使用了。好了,以上呢,这个就是我们事件的。内容。讲的内容比较多,我们最后再回顾一下。绑定事件的方式有三种,我们可以微绑定,可以艾特服绑定,可以click绑定,那么我们推荐大家使用第二种这种方式。
10:04
能绑定哪些事件呢?所有通用事件一共有这些,有点击,有长按,有touch star touch move touch and touch can这些事件。这是通用事件,所有组件都支持的,而剩下的其他事件呢,就要看组件文档,如果这个组件文档说它支持什么AA事件,那么你可以绑定,否则是不行的。这是通用事件。好了,绑定好世界之后呢,咱们回调函数也有说法。回调函数呢?必须要定义在method里面,回调函数呢,它默认接收到参数是以问,如果你想接收到其他参数,可以写成调用的形式,它就会接收到其他参数了。同时回调函数呢,要写成普通函数,这样this才会指向实际对象,才能访问实际对象上面的数据。诶,那么这个呢,就是咱们事件的所有内容了。
我来说两句