00:00
演示voe中怎么绑定事件啊，咱做这个操作啊。那这个位置同样啊，我再来建这么一个文件，我们是第五个就是voe中。啊，这个事件的这么一个操作点HTML。然后在里边我们还是把代码生出来voetl，因为咱们有那个就是代码片段的抽取，然后这做到之后，在date里边，我们也是给它先写一些初始值啊，为了咱们一会儿操作方便。啊，就是初值写什么道问题不大啊，我就写跟这一样了啊，把这拿过来，这就不再敲了啊，比如里边写两个一个还是刚才那个对象，再写一个空的一个对象啊，比如叫啊咱写这两个，然后写完之后，刚才提到了，因为咱要用到事件，而我点击事件是不是要调方法呀，所以这里边呢，咱要定一个方法，那方法怎么定义，注意在voe中定义啊，你看这个结构。EL和date是不是在冒号左边呀，它们是两个属性名称，右边是值，那我们要写方法在这位置啊，咱需要再加个属性名称，它叫这个名字。
01:13
叫做大家看这名字啊，它叫methods，就是加个S，因为它里边可以支持多个方法，而咱在methods里边又可以定义它的方法啊，就是我们可以定义多个方法。那这方法怎么定义，咱在学那个语法中提到过啊，你直接写一个方法名字里边想起的内容，这就是方法定义啊，就这测就是方法名字，那这里边我们可以写个方法，比如说啊，我就啊就写个search吧。这是我们写的这么一个方法啊，然后方法中，比如现在我给他就是呃，为了明显啊，我就来一个来一个输出吧，就是conso.log里边，比如输出一个就要这个search。
02:02
这个啊，是咱们一个定义，所这各位知道啊，这是voe中一个写法，第一个date中的定理的变量和这些值，比如说我这个设置map是一个对象，然后这个result定一个空，然后第二个我想定义方法，那怎么做？咱写个名字叫methods，这是固定的，在后面的括号中写上你的方法名字和内容，它里边支持多个方法，比如说我再写个F1啊，里边可以写多个方法啊，这是它的这么一个写法，比如说我做个输出console.logo这叫F1。这是啊，咱定义，然后这个写完之后，咱下面因为我们要做的是用voe的方式啊，绑定一个事件，那怎么绑定呢？大家要明确啊，咱们的事件经常绑定到是不是这个。八寸上边就一个按钮上边。觉得各位应该知道，就是咱们一个按钮，比如input time等于button，或者直接写个button都可以啊，咱要绑定到一个button上面，那下面我来写一下啊，咱做个绑定。
03:03
在这个位置，我就来一个叫。Button，比如说这里边起个名字，我叫查询，这是一个普通按钮，我们先看一下啊。按钮就这个，而我现在要实现，当我点查询，让他去触发事件，然后让他去调用，我这个就是测试方法，或者说调这个F1方法，那我们来做一个事件的绑定，怎么绑定呢？在VE中的做法啊，写一下啊。和小D位置就是VE中。怎么来绑定事件，它的做法就是首先用个指令叫这个V杠啊。加上冒号，加上你的事件名称，比如我们叫cli，这是一个单击事件，或者还有其他事件啊，可Li是单击，然后在这里边加上你调的方法名称，比如我们的方法叫search，那咱把它拿过来可以了，这就是在voe中怎么给这个button寸绑定事件，就这么写V杠二冒号加上你的事件名称，这里边加上你的个方法名称，这么做就可以了，当咱们一执行一点它，这个就会输出。
04:14
啊，这个是咱们说到的啊，就这么一个写法，然后这个写完之后啊，咱们来把这个效果我们来给他试一下啊，来看结果。比如我先刷新，刷新之后，比如现在把F12打开啊，然后咱们点查询大家看啊，大家再试一次啊点查询。测试是输出了，这就是在我们来绑定一个事件啊，我们就是这么来做啊，大家把就知道啊，然后这个绑定事件呢，还有一种简写的方式，就你直接啊把那个微on省略，加这么一个符号，就一个艾特符号就可以了啊，那我们也是试一下啊。就是它那个简写方式，给大家也做演示啊。这个叫。简写，然后里边可以不加它，咱换个符号，这个符号艾特。
05:04
这个和它的效果是一样的，比如说我们试一下啊，这叫查询一，咱加这个艾特符号，然后咱们加完之后到这里边，比如现在我先。刷新咱现在点查询一。效果是不是有点查询啊，有这个结果啊，都一样的啊，所以这样的话，我们把这个VE中怎么绑定事件，我们就点出来了啊，主要这个写法V杠二冒号，当然后面咱写的都是直接加个at就可以了。给各位啊，给他知道，然后在我的课件中有个小例子啊，这个我就不在课上演示了，因为这比较简单了啊，它就是啊，点这个方法，然后向里边附个值，然后赋值中呢，用到我们说那个band啊，往里边写个值就可以了啊，这没有什么特别的，主要这个知识点中，大家主要掌握在voe中怎么来绑定事件，你在这个按钮上，比如在什么地方加个V杠，On冒号，加上事件名称，或者说你直接加个艾特符号，加上事件名称，后面加上你的方法名字就可以了啊，这个是它里边的这么一个写法，所以大家把这知道啊。
06:10
另外还有一个特点啊，大家注意啊，比如现在我这么来做啊。我这个方法不加括号。咱来刷新。你看啊，我在刷新。是不是一样啊，也就是说你在这个绑定事件的后面的方法名字后面可以不加括号，这个效果也是可以的，就你加没有错，不加也是对的啊，但是我们建议个呗，最好还是加上啊，不加也没有问题啊，这各位注意啊，就是以后如果你看到别人没写括号，他这么写也没错，也是对的，他支持不加括号啊，不加括号执行也不会报错啊，也没有问题。但是咱最好还是给他写上啊，就是写的更规范一点。所以这是关于啊事，就是事件的这么一个绑定，我把这个就演示完了啊，大家知道里边的这么一个特点。
07:00
啊，这咱们就说完了啊。所以这是关于事件啊，然后事件说完之后呢，在VE中还有设计部分，我们先看一下，比如说里边有这个叫修饰符啊，但是这个用的不是很多，一如我做个演示就可以了。另外还有两个很重要，一个叫条件渲染，一个叫做列表渲染，最后这两个最重要条件渲染就是写一个V-if做判断，然后这个列表渲染就是咱们之前这条条中那个foe标签，它可以做一个便，比如把你的数据便利显示啊，最后两个很重要啊，那咱们马上来演示啊，现在咱是把这个事件这个演示完了。
我来说两句