template标签循环

使用template标签循环，实现一个dom模版的多次循环

代码主要思路（for循环时需要将使用key，去给dom一个标识，template标签是一个template专为包含模板内容而设计，并没有真实的dom，这时就需要将key绑定到template标签所包裹的dom元素上，这时要循环的dom元素身上才会有key）

<template v-for="(item,index) in 4">


//dom模版内容--开始

    <div :key="index" style="background-color: red;">这是一个div包裹的文字</div>
    <p :key="index">这个是一个p标签包裹的文字</p>
    <span :key="index">这个是一个span标签包裹的图片<img width="50px" src="https://img2.baidu.com/it/u=3565369971,2082314928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800"></span>


//结束


  </template>