温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:01
下面我们来学习指令语法。所谓的指令语法呢,其实就是一些V干开头的特殊属性。这种特殊属性呢,能够起到相应的一些特殊的功能,每一个特殊属性都能做到一些不同的功能。所以我们就要学习啊,这些特殊属性怎么用,以及它的功能又是什么。那么这里有很多,所以我们分别来学习,首先第一个我们来学习VGA test。来打开我们的代码编程工具啊,在这个DEMO下面呢,我们新建一个新的叫DEMO2,我们来演示这个指令语法。好了,大家来到这里,这一块就叉掉啊。在这里面呢,我们来1.1写啊,首先同样的改成save area class,拜拜,下面呢,这个类名呢,我们也用不上,在这里面呢,我们来研究第一个指定语法。V-test v-test后面的直接跟着一个JS表达式对吧。
01:04
大家也大概相当于是跟这个变量也是OK的,它的作用是用来显示。文本内容。就是元素的文本内容。说白了。好,下面我们就来写一写啊。我现在呢,同样的有一个text组件,我们想展示内容,那么内容同样的是在JS里面定义的。Hello am。那么现在呢,我想把这个内容呢,在这个T组件里面展示,第一种就会用上我们过去的这个数据绑定语法,就上节学的数据绑定语法去展示,这是没有问题的。当然还有第二种方式,就是用上我们现在这个指定角v test等于message,这样呢也能够给元素设置它的文本内容。两种方式都行。好啊,所以接下来我们就可以来在代码中预览一下啊,打开我们的这个。
02:04
测试工具,那么右键增量同步一下啊,增量同步之前呢,这里要注意,因为我们写的是个新的文件了,新的文件呢,又得来到conl,把DEMO2改成DEMO1,改成DEMO2啊保存,保存之后呢,我们再进行增量同步。这时候哎,HELLOM2个内容都呈现了。所以说这个test呢,就是专门用来显示文本内容。但是因为我们有数据绑定语法用来写示文的内容,而且明显他写的时候呢,只需要写两个括号,而下面写要写we test,等于又要写引号,所以下面用起来会更加复杂一些啊,所以实际开发中呢,我们永远建议大家用数据绑定语法来显示我们的内容,而不是用这个v test指令。它只是一个备用选择啊。
我来说两句