没有样式的todolist，我也好想一个版本两个版本慢慢改

 
  
  
咸鱼王的记事本
  
  

  
   
    
     
     {{item.content}} 
     假装做完 
    
   
   
  
  
事情有没有做完你自己心里没有一点B数吗

 

等我要饭回来了就去看css

#todo{
  margin:0px auto;
  width:800px
}
.list{
  color:black;
}
.finish{
  text-decoration: 
    line-through;
    color: #ccc;
}
.empty{
   font-size: 13px;
    color: #5A5B31;
    
    padding: 10px 0;
}

下回改

let todo=new Vue({
  el:'#todo',
  data:{
  task:{
      content:'',
      finished:false,
      deleted:false
    },
    list:[],
  },
   methods:{
     addTask:function(){
       this.list.push(this.task);
       this.task={
        content:'',
        finished:false,
        deleted:false
       }
     },
     change:function(index){
     let curState=this.list[index].finished;
       this.list[index].finished=!curState;
   },
     removeTask:function(index){
       this.list.splice(index,1);
     }
     
   }
  
});

1.gif