Vue v-for循环的使用方法

v-for循环的使用方法
首先定义一个循环数组 “数组名” （我这里为layex1）
在需要的地方绑定数据 {{ item.数据名 }}
其次在script标签里面添加数据方法data
在data中绑定数组并添加数据

<template>
<div style="width: 45vh"v-for="item in latex1" >
	<div class="card-item">
    	<div  class="item">{{ item.text1 }}</div>
    </div>
</div>
</template>

<script>
export default {
  name: "tool",
  data(){
    return{
    	latex1:[
        	{text1:'$$\t+$$'},
        	{text1:'$$\t-$$'},
        	{text1:'$$\\times$$'}
      	],
      }
</script>

v-for循环数据中的共同元素可以拿出来单独加在外面(如果有需要的话)