如何使用vue.js实现删除和撤销删除的功能？

Question

如何使用VUE实现删除和撤销删除的功能？  <div id="one">     <div>         <span>1</span>         <span>这是一条信息</span>         <span style="color: red">删除</span>     </div>     <div>         <span>2</span>         <span>这是一条信息</span>         <span style="color: red">删除</span>     </div> </div> <div id="two">     <div>         <span>2</span>         <span>这是一条信息</span>         <span style="color: green">撤销删除</span>     </div> </div> 最后通过点击按钮，获取到已经删除的信息和没有被删除的信息。

Answer 1

删除的时候把 将要删除的值 push 到 某个数组 delList

撤销的时候把 上次删除的值 pop 出来

function TM(arr){

    this.arr = arr; 

    this.delArr = [];     

    this.remove = (val) => {

        this.arr = this.arr.filter(e => e !== val); 

        this.delArr.push(val); 

    }

    this.back = () => {

        var val = this.delArr.pop(); 

        this.arr.push(val); 

        return val; 

    }

}