手机版

解释v-for遍历、v-bind动态变化值和v-if判断vuejs的例子

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

最近学了一些vuejs,方便你我记录学到的东西。

vuejs官方文件:https://vuejs.org/v2/api/(同志们,还是习惯看官方文件吧~)

1.v形导线

例如,如果我想遍历视频中的所有元素,那么我输入

div v-for=' v in videos ' a : href=' v ' rel=' external no follow ' la la la/a/div注意,在href前应该加上冒号“:”,表示这是遍历。

下面是我运行的更复杂的代码:

2.v-bind动态地改变它的值

我有一堆视频链接。我想在鼠标上移时显示视频的名称,所以我使用了title属性,但我希望title属性动态变化。

那你需要v-bing

a href=' # ' rel=' external no follow ' v-bind : title=' video ' la la la/av-bind :可以用来动态改变链接title的值,这样鼠标一放,title中的变量就会显示出来。

3.v-if ////v-else判断

例如,我在这里判断abcd是否为空:

Div v-if='abcd '你可以看到me/div以上对v-for遍历、v-bind动态变化值、v-if判断vuejs的解释都是边肖分享的内容。希望能给大家一个参考,多支持我们。

版权声明:解释v-for遍历、v-bind动态变化值和v-if判断vuejs的例子是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。