温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好嘞,各位,那这一小节呢,我们再来学一个极其简单的指令啊,叫做V-pre,好,打开它在这呢,我写一个欢迎词啊,HR写一个什么呢?叫做view,其实很简单啊,然后下边呢,我还是想展示那个N值,我就把这边的东西呢,直接拿过来吧,好吧,各位,来把这两个给它复制过来,这是结构,再把刚才的那个view实例呢,也给它复制过来好了,写在这儿,哎,你注意观察一下结构啊各位,第17行是没有动态内容的,对吗?哎,就简单说,我写的这个HR里面不需要读取任何view里边所保存的数据,对不好,来看一下效果啊,打开。啊,其实很简单啊一点呢,哎,这就加,那同学你这么写呢,就不太完美,完美一点怎么写呢?瞧着你给这个人就是不需要读取动态数据的人,你给他来一个叫做V-pre,说老师加他有什么作用呢?现在吧,你直接给17行加,其实你观察不出来有什么作用啊,那同学我给这里边所有的人都加上这个V-pre,你看看怎么样,对吧,全都给它加上,然后你看看能产生什么效果是吧,回来。
01:21
哎呀各位,这个东西好像没什么影响,还那样,但是同学你发现当前的N值好像没人解析这东西了,而且你右键检查这按钮,各位你注意观察,哎哟呵,这啥东西啊。Button上边有着V-pre,艾特福可利N加加同学,你觉没觉得你再一次的把没有解析的模板给它放到页面上去了?哎,说说这个V-p re是什么意思?打开我们的总结,V-p re指令可以让view跳过其所在节点的编译过程,也就是说17 18、19,我问一下你是不是都加上那个V-p re了?
02:04
那你的意思就是view直接拿过来,这些东西就用说的再直白点,程序员写的是什么样,页面呈现的就是什么样,那个元素它就是什么样,一点也不变,你比如说里边你再随便写点,说老师我写一个A等于一同学随便写啊,你写什么样它就什么样,来你瞧。对吧,说老师那意思就是我又不去解析这些东西了,对,所以说同学这个V-p re啊,你听我说你不要乱加。只要你的这个节点里面用到了什么差值语法,对吧,用到了什么指令,那你就不要给他加V-P,因为你加了的后果就是view不去解析它了。对吧,说老师,那我给什么样的节点加呢?你给第17行这种节点加,你这样加完了效率高啊。V又在到第17行的时候,他不去说哎,在分析了,说你里边有没有差值啊,有没有指令啊,不用看了,View又到了第17行就说哎,拿拿过来吧,给我吧,对吧,你写什么样就什么样,我不再处理了,你写的那个样子就是一会儿我放到页面上的样子,对吧,这样的话效率能高一点,OK,哎,所以说同学来看一下我们总结里的第二句话啊,把这些东西给它删掉,第二句话就是可利用它跳过那些没有指令语法,也没有使用差值语法的节点,会加快变译,OK,就到了这儿,它直接就跳过去了,说老师我就不加能怎么的呢?同学,其实也没有什么太大的影响,只不过你加了呢,能够更好一点,对不?各位哎,还有就是呢,有一个小事情啊,各位你不要把这个V-ones和我们之前讲的那个事件处理里边的一个事件修饰符叫做once,你给它搞混了知道吧。
03:45
它俩是俩东西,各位,这是事件修饰符,它俩有点类似,你给一个按钮绑定事件的时候,如果用这个ones去修饰的,那么这个元素只能响应事件一次,对不?哎,那你说你加上这个指令呢,那就是这个模板,哎,它只能初次的动态的怎么办?渲染一次以后就都是静态内容了,OK,这就是V-pre啊,简单提一下,别把这个ones和这边这个搞混了好不?哎,好了,那这一小节呢,我们停。
我来说两句