00:00
那上节课呢,咱们是把这个VIEW3这个项目里边的部分文件当中的代码做了一个解释是吧?那么接下来呢,咱们来看一看VIEW3里边第一个接触到的内容,它属于组合API当中的一个内容,这个组合API啊,这里边分成了两个部分,一个是常用的,还有一个是其他部分的。组合API当中咱们要遇到的第一个问题是什么呢?Setup,那么我们可以在这边先把这些东西关掉啊。可以在这边去找到view相关的这个文档网站,也可以去找到它对应的有一个组合API的这么一个网站。那这个呢,是VIEW3的官方文档,咱们可以看一下,这个是中文的啊。如果我们学习的话,看文档或者翻文档这个是少不了的啊,这边是这个关于组合API的一个文档,这里边儿呢,有对应的这些内容,而且这里边儿很多内容呢,咱们都会去介绍。好,那现在呢,我在我的这个Vs code里边,把当前VIEW3的这个项目给它启动起来,终端当中打开。
01:02
NPM就来一个run so,没事。你耐心等一下啊,这个src里边代码我都没有去改,没有改任何内容,只是加了一些解释而已,而且刚才我说过啊,这个VIEW3当中,这个组件内部HTM模板里边,它已经可以不用那个跟标签了,我可以写多个标签,这也是可以的啊,咱们启动下来之后看一看,已经40%了。好吧,那它先启动着,启动着呢,这个时候我们先来看看第一个问题啊,在这呢,就是有一个叫做setup,它是一个新的组合选项。然后呢?这个新的配置对象或者说配置选项的话,所有的API组合、API函数都在此使用,只在初始化时执行一次,也就是说set setup,它也是一个。回调函数,或者说也是一个函数。然后呢,他会在程序执行的时候只执行一次。
02:04
如果说这个函数返回来的是对象,那么对象中的属性和方法模板当中都可以直接使用,这个就很厉很厉害了啊,那咱们来看一下啊,这边已经启动成功了,那我呢复制一下。找到对应的8080。啊,回车一下啊,大家可以看一下代码都是没有问题的。而且呢,我们可以去看一下pencil里边什么都没有,然后呢,Elements里边有一个div div里边这个位置有个图片是吧,下边有一个组件的内容,然后另外呢,我们再需要说一下啊。如果要是我们之前的这个view项目的话,大家可以看一下这个view的插件的灯,它是亮着的,现在我们通过VIEW3启动的项目,大家会发现这个灯是灭的,也就是说配合V3的这个浏览器的插件目前还没有出来,所以说我们没有办法通过这种插件去调试我们V3中的代码是否是正确的啊,这个还是需要大家注意一下的啊好,那为了方便我们学习,我这里边先做的第一件事情就是什么呢?在我的这个。
03:06
里边新建一个目录叫零一啊杠,这个是源码。然后呢,把我src里边所有的东西全都复制一份啊,放到这个源码里边来。对吧,这样我就不删掉了啊,那我这里边比如说access components这些目录,我暂时都不需要我直接干掉。还有比如说APP的这个组件当中。这里边儿的这些代码我也都不要了,因为我已经做过备份了啊,所以说我都不要了啊,呃,包括这里边儿的这个解释吧。嗯,这个位置引入子集组件。嗯,Components注册这个呢,我也都不要了,这样呢让它干净一点,这块我目前我就写上一个div啊哈哈,逗号我又变帅了,好直接保存啊,包括它的样式啊,我都不需要,甚至说这个标签我都干掉,这都是没有问题的。
04:00
啊,直接保存一下,然后格式化一下啊。好,我们再来看一下。打开我的浏览器,我们可以看一下,哈哈,我又变帅了,是没有问题的是吧?好,那下边呢,咱们要准备开始讲第一个问题了,就是setup。那我可不可以在这个里边直接使用这个setup呢?这就是一个函数是吧,可以直接使用,那有人说刚才我们那个文档里边说说它可以直接执行是吧?Cano.log括号我来试一下,我来了咔,保存一下。我们看看是不是这个样子的啊,诶我来了是执行了是吧,执行了这么一次。啊,当然了,目前我们只能够看到它确实执行一次是不是啊,执行一次,也就是说这个里边我们是可以返回一个什么呢?返回一个对象的。啊,如果说我在这个位置来一个cost,比如说来一个什么呢?Number等于个十是吧,然后我在这就写上一个number,它的意思是说你在这个setup当中定义的这么一个变量,最终这个变量给了return对象当中了这个number了,那么此时这个number在我的。
05:08
模板当中是可以直接使用的是的吗?我不知道啊,我试一下是吧,那我写上一个number吧,当然我这个位置应该用差值啊。Nubr。我们就是先认识一下它啊,具体怎么用咱们再讲,现在我就想看看行不行,哎,果然行是吧,确实可以,所以说在这个文档当中说函数如果返回对象,对象中的属性或方法模板当中可以直接使用,目前来看是这个样子的是吧?咱们刚刚就做了一个简单的一个测试啊测试。所以说呢,我呢,暂时先把这个代码呢,就先注释掉了,这个代码呢,暂且也先注释掉,咱们刚刚是一个测试代码啊测试代码,那这里边儿的setup是什么呢?是。组合API中的第一个要使用的函数啊。
06:03
好,再简单,我们先说到这儿。
我来说两句