vue 渲染出来的数据 如何删除其中一条数据

 // template 部分
<div  v-for="(index, item) in testData" :key="item.content">
  <!-- 删除函数 -->
  <div class="clear" @click="clear(index)"></div>
</div>

// js 部分
data() {
  return {
    testData: [
      { content: "1111111111111" },
      { content: "2222222222222" },
      { content: "3333333333333" }
    ]
  };
},

// methods 函数(方法)部分
clear: function(index) {
  this.testData.splice(index, 1);
}