00:00
好了各位啊,那刚刚呢,我们就敲完了这个案例啊,Todo list,哎,它的名字啊叫做todo list,对吧,一个列表,好,那这个案例啊,敲完了,我们从中学到了什么呢?能够总结出来哪些东西呢?对吧?不能说一个案例模仿着老师敲,敲完了是吧,也没形成一个笔记,那回到代码当中,我给大家呢,总结好了,在read me这个文档当中给大家总结了第一个东西就是to do list这个案例相关的知识点,好吧,我们整体过一下啊同学,首先这个案例敲完了呢,你学会了拆分组件。以及如何去哎编写这些静态组件,你比如说在components里边,我得建立foot啊,Hier啊等等这些东西是吧?哎,里边这些文件对吧?哎,命名有几种方式对吧?哎,你得注意class name,还有style这些写法都得改一改,对吧?嗯,第二步呢,那就是动态的展示一个列表,哎,初始化这个列表,那就伴随着一个问题,我如何确定将数据放在哪个组件的state当中呢?对吧?数据呢,肯定得是放在状态里,但是有好多的组件,每一个组件都有自己的状态,我得把数据放在哪一个组件的状态里啊,那就本着这个原则,如果是某个组件使用。
01:15
哎,就是你的数据是某一个组件在使用,那就放在它自身就可以啊,补一个啊,叫做放在其自身state中就行,那你只有你自己用吗?那就放在你自己的状态里就可以了呀,啊但是如果是某些组件用呢,注意放在他们共同的副组件的state中,同学那你想想啊,这是什么呀?Hier组件这是什么呀?List组件同学hier用不用数据用,List用不用数据用,那就放在他们共同的父亲谁呀,APP那个组件立。哎,你用我用,那就放在咱俩共同的父亲那里面,官方呢管这种操作叫做状态提升,明明应该放在list里的东西,List在用,List在展示,在便利,但是我不能放在list中,为什么呢?因为他有个兄弟叫hier也用,那所以说我们放在哪了,放在那个APP里边啊,来撤回来,不小心放大了啊,放在APP里面啊,那官方管这种操作呢,叫做状态提升,OK,那我们还能总结另外一个事儿,就是关于父子之间通信,我们所谓的这个通信呢,就是组件之间传递点数据,你给我点,我给你点,哎,好了,如果是父组件给子组件传递东西,特别简单,同学们通过啥呀,是不是props传递,对吧?
02:35
哎,回到APP里面,同学APP是不是hi德的父亲,是不是也是list的父亲啊,对吧?是hi德和list共同的父亲,那你看父亲给孩子传东西走走走,是不是通过props直接写就可以啊,好,那么子组件想给父组件传东西呢?同学其实也是借助props,只不过要求父亲得提前给子组件是不是传递一个函数啊,我这就简写了,要求父提前给子传递一个函数,你就比如说同学hier组件收集到的东西怎么就跑到APP的状态里了,靠谁呀?就靠这个爱todo呢?你说对不对?哎,好了,回来,那再往下注意dayat checked和checked的区别,Dayat checked只有在第一次指定的时候才起作用,以后不起作用。
03:25
啊,类似的还有谁呢?比如说at value啊和value对吧,这是需要注意的啊,还有就是同学我们要记住这句话,就是状态在哪里,那么操作状态的方法就在哪里,你比如说同学状态是不在APP里,那你发没发现对todos所有的增删改查的方法是不是都在APP里啊,那不就应了这句话吗?是不是?哎,状态在哪里,操作状态方法就在哪里,诶那我们通过todos这个案例能学到这么多的东西啊同学希望呢,这个todos案例呢,多敲几遍,好吧,来,那接下来再讲啊,我们就讲其他的东西了,那所以说呢,我肯定要做一件事儿,第一步呢,先把我的脚手架停掉。
04:05
随后呢,做另外一件事啊,这不是src吗?啊同学,这个demo.html是刚才为了说明问题的,所以说我给它删掉啊,这是一个无关的文件啊呃,不让删是吧,我得把这个停掉啊,要不呢,它那个东西在工作不让我删啊,删掉好,那我把src呢,CTRLCCTRLV来吧,改名同学改个什么名呢?零三哎,下划线下划线src这叫做todo,然后是list案例,哎,在这里边写的啊,这个T呢,给它大写吧,Todo list案例在这儿的啊,如果以后想看todo list打开,把这名给它改成src,直接n PM star是不是就可以了呀?哎,好了,那关掉,那么在这个里边呢,我就得把东西清一清了哟是吧?APP同学也不用样式呀,是吧,我还没写呢啊没不知道接下来要写啥呢,我得做好准备性工作呀,Components,删掉吧啊,或者是你建立一个空白的文件夹叫components倒也行啊,等写到那的时候我们再建立吧,不急。
05:06
啊,APP那这里边儿全都删掉rcc用这个代码模板生成一个APP好了,复制走点点点点点好嘞,那再来到index里边,同学用改啥啥也不用是吧,那现在你要是再启动的话,那你看到的可就不是刚才那个todo list了,嗯,打开一下。稍等启动,你看这回打开的肯定就是一个干干净净的APP,点点点对吧,哎,控制台打开走也没啥错误,行,准备性工作呢就做好了,那一会儿呢,我们再讲下一节的内容好吧,哎,这一节呢,我们先停一下。
我来说两句