Vue中的template标签的使⽤和在template标签上使⽤v-for
我们知道.vue⽂件的基本结构是：
........
.demo{
font-size:28px;
}
上⾯template标签，我们都知道是⽤来写html模板的，且内部必须只有⼀个根元素，像这样（不然报错）
.....
但有时候我们也会看到，这样的写法，在template上使⽤for循环：
下⾯我们来看⼀下template是什么:
看看外⾯的标签是什么
在浏览器中解析完的结果：
可以看到⽂字外⾯是，所以本质上的标签并没有什么意义。
所以我们再来看⼀下刚才的循环：
浏览器解析后的效果：
可以看出这样写,类似平常这样写：
但是这样循环出来会多出⼀层div来
所以我们有时候,不需要这外层的div所以我们可以采⽤上⾯的⽅法，在标签上使⽤v-for来循环。或者这样写：
完！
本文发布于:2023-01-04 02:17:19，感谢您对本站的认可！
本文链接：http://www.wtabcd.cn/fanwen/fan/90/87999.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
