温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好,我们继续啊,接下来呢,是这样的,咱们的这个新组件啊,差不多都已经介绍完了,然后呢,我呢把刚刚的这个。S这个组件啊,啊,里边的一些代码保存到一个目录当中,这个是23。拿过来这个组件的使用。嗯,那这些文件呢,我就都给它放到当前这个目录里边来啊,放到这儿。然后呢,这些东西我就都把它删掉不要了。进入到APP当中,这些东西呢,我也不要了,直接来一个VV3啊,当然呢,我再给他加上一个style。不用带的方式啊,Cupd。过的好。然后这里边儿东西呢,暂且我也去掉不要了啊。保存一下。这样咱们这个文件就比较干净了,还有呢,之前这个代码太多了,看起来很乱,那我在里边呢,新建一个目录,我就写上一个零一杠啊。
01:02
在吗?然后把这些所有的文件夹全都干嘛呢?放到这个里边来。做一个备份。好,那现在我们可以看一下折叠一下啊,这些代码都在这儿呢。之后呢,把它折叠起来。那做了这些操作,肯定是要干什么事儿的啊。呃,下边呢,我要说的是什么呢?咱们这块有一个例子,但这个例子里边现在没有效果。啊,我呢,在这边已经把这个例子早已经做好了。然后呢,下边咱们就通过VIEW3加TS的方式把这个案例todo list给它实现了啊。当我去刷新这个界面的时候,大家可以看到啊,过了一会儿呢,显示出来一些数据,这个数据呢,是被我们存到浏览器的缓存里边了。然后当我在这边去输入内容的时候,比如说玛莎拉蒂。啊,一回车,那这个数据呢,就被加到这儿了,当然呢,此时我再去刷新界面。
02:03
过了一会儿之后,这个数据也可以拿到,如果我对于这里边儿数据啊,做一些选中的操作。然后呢,我再去刷新。大家可以看一下这些数据呢,依然是被选中的啊。然后我干掉一个啊,或者说我干掉两个,这都可以没有问题,当我再去刷新界面。大家可以看到啊这个效果当然了,文本框里边输入数据可以添加操作,那我鼠标放进来之后。我们可以看到,当我去点删除的时候。他可以把这个数据删掉。当然了,我再去刷新界面的时候。那么它呢,也是有两个数据的啊,那我这块再添加一个奔驰啊,再来一个马上奥迪啊,回车把这个奔驰选中啊。当然这块可以清除已完成的任务,这也是没有问题的啊,再来。宝马。奔驰好回车。然后选中。那这里边儿都有些什么功能呢?大家应该都能够看得到,然后我们再来看一看啊。
03:00
有添加操作,有删除操作,有改变它的选中状态操作,还有全选全部选以及清除已完成的任务,那整个的这个功能咱们要通过V3加TS方式给他实现啊。这个例子呢,咱们就先讲到这儿,接下来呢,咱们就准备开始动了啊。
我来说两句