在普通的html里面:
template标签默认有个 display:none;
属性,并且其里面的内容是不可见的。
![](https://i-blog.csdnimg.cn/blog_migrate/44988022cf06adee2800e556f42ee67c.png)
在vue里面:
template标签类似一个隐藏的div,在审查元素的时候是找不到template标签的,但是里面的内容是可见的。
<div id="app">
<template v-for="item in array">
<div class="text">{{item}}</div>
</template>
</div>
![](https://i-blog.csdnimg.cn/blog_migrate/6dcf11682203e025bee7456807164eea.png)
![](https://i-blog.csdnimg.cn/blog_migrate/46a064d13ae432352141d2c65f630742.png)
template标签默认有个 display:none;
属性,并且其里面的内容是不可见的。
template标签类似一个隐藏的div,在审查元素的时候是找不到template标签的,但是里面的内容是可见的。
<div id="app">
<template v-for="item in array">
<div class="text">{{item}}</div>
</template>
</div>