vue 写加加减减 :(点击生成按钮, 新增一个li(随机数字)和删除按钮, 点击删除按钮, 删除对应的li和值)

 需要做成的样子

• • v-on:事件名="methods中的函数"

  • v-on:事件名="methods中的函数(实参)"

•      简写: @事件名="methods中的函数"

• 无传参, 通过形参直接接收

• 传参, 通过$event指代事件对象传给事件处理函数

• <template>
    <div id="app">
      <ul>
        <li v-for="(item,index) in data" :key="index">
          <span>{{item}}</span>
          <button @click="del(index)">删除</button>
        </li>
      </ul>
      <button @click="pro">生成</button>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        data: [1, 2],
      };
    },
    methods: {
      pro() {
        let suiji = Math.floor(Math.random() * 10);
        this.data.push(suiji);
      },
      del(a) {
        this.data.splice(a, 1);
      },
    },
  };
  </script>