温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好嘞,各位,那截止到目前呢,我们已经学了一些view理的指令了,你比如说V-on,哎,你比如说v band,哎,什么V-model啊,V-if呀,我就不说了,除了我们之前讲过的这些指令啊,各位view里边还有一些令是我们没有见过的,所以说从这小节开始呢,我们就把那些view当中提供了,但是我们没有见过的指令呢,做一个梳理,哎,整体都看一下,他们都是干嘛的?诶所以说我在这儿呢,起了一个这么一个文件夹啊,叫内置指令,说老师,什么叫内置啊,内置的意思就是view的作者给我们定义好的指令,我们用就得了,比如说V-on,同学拿过来是不是就用V-model v-if拿过来是不是用?说老师,那按你这么说,我们之前学的全是内置指令,那可不从这一小节,在接下来讲的也是内置指令。舒老师,那什么时候不是内置指令呢?我们把vu给提供的这些指令呢,都梳理完了,我再教大家自定义指令。什么叫自定义啊,简单就是vu是没有给我提供这个指令的,叫V杠,哈哈,以后我可以自己去定义一个V杠,哈哈这个指令说老师那指令能干嘛呀,这指令能干嘛得看你怎么写对不自定义的嘛,哎,这个呢就是后话了,我们先把这个常见的这个内置的指令呢梳理一次好了,打开先拿一个最简单的说啊,就是V-text这个东西同学超级简单,简单到什么程度呢?可能你去个厕所,诶还回来我就讲完了是吧?哎,打开这个V-test,在真正讲他之前的各位是这样,我想把咱之前呀学过的那些指令呢做一个梳理,打开都在这儿呢是吧,V-B的V-model v-for哎等等这些你看这一看呢,也学过了挺多了是吧?好了,接下来说说这个啊,V-text同学,你就听这名text是不是有文本的意思,哎,那它的功能就是象棋所在的标签插入文本,好写写大家就明白了啊。
02:00
我创建一个实例啊,这里边有一个名字,比如说名字呢,是上硅谷,好,我现在要把这个名字呀,展示到这个div当中,那怎么写,我可以直接用差值语法直接写内幕,这会儿大家都知道对不对,哎,打开看一下效果啊,OK,没问题啊,那看一下没有警告,没有错误好了,回来除了有这个方式,还有另外一个方式走,就是div中啊,你啥也不写,然后借助这个指令叫做V杠。然后等于写谁呢,内幕也能办到同样的效果,哎,你看一下走是吧,还说老师那他俩有啥区别呀。说老师我明白了,是不是这个写起来不好看呀,你看两个花括号看起来乱呀,同学我说一下,其实更多的时候呢,我们还是喜欢用什么呢?差值语法,你知道为什么吗?因为差值语法更灵活,你比如说啊各位,现在我输出到页面上的文字不是商硅谷,是你好逗号,商硅谷那怎么写?要是差值语法就简单了,你好逗号对吧?回来你看它默认是不是做了一个拼接呀,你正常写你的文字,那这会儿呢,就是属于view的模板语法了,对吧?那这个说老师那不也同样的道理吗?你写一个你好逗号不就得了吗?那你看一下效果呀,它是不可以的,也就是说各位这个V-text会拿到name的值替换掉整个div里的内容。
03:24
换句话说,你红色框里边写东西已经没有意义了,你觉得呢?哎,如果说你有这个需求,说老师里边我也不需要再写啥了,就想把这数据拿出来,诶就往这一放,那你完全可以用V-text,对不对,而且V-test呢,还有一个特点,各位就是你不要觉得它好像能解析标签,啥意思呢?比如说我写一个str是一个字符串,字符串里呢,你看着啊,我写一个H3 h3里呢,我写一个你好啊啊,再来个感叹号,写完了吧,说老师呢,我想把这个放到页面上,你可能会想,诶老师,那我就这样,这儿呢不写东西了,在这儿呢,直接写str家那个指令说的多明白,V-text它把你所有的字符串都当成正常的文本去解析,不会当成标签的,纵使你里边。
04:25
标签结构,OK,诶那这块其实写不写呢,意义也不大了,对吧?给这删掉,OK同学讲完了V-test来吧,总结一下V-test啥特点呀,走作用是向其所在的节点中渲染文本内容,对吧?V-text在26行这个div,那就往26行这个里边放对吧?好与差值语法的区别就是V-text会替换掉节点中的内容,而差值语法呢,不会,所以说同学这个呀,用的还是多,因为怎么的呢,它灵活好嘞,这小节停。
我来说两句