vue中template的作用,与div有什么区别?

在某个场景中,使用v-for做了一个循环:

{{item.text}}
{{item.text}}

基于某种需求,这时候需要对其中的span也一起循环.

这时候有3个选择:

1.再用v-for对span进行一次循环:

{{item.text}}

这个方法也能实现,但是很蠢...

  1. 在div和span外面加个父级div,让这个div循环
{{item.text}}
{{item.text}}

一般来说都会这么用,也没啥问题,但是会产生一个没有意义的div,不利于代码简洁

  1. 使用template实现

template的作用是模板占位符,可帮助我们包裹元素,但在循环过程当中,template不会被渲染到页面上

你可能感兴趣的:(vue中template的作用,与div有什么区别?)