vue使用mammoth案例_vue.js中 v-for,v-on,v-model,结合应用案例---记事本

}#lb li{position:relative;border-bottom:1px solid black;width:200px;height:50px;line-height:50px;

}#xh{background-color:orange;padding:10px;margin-right:10px;

}#qc{position:absolute;right:0px;background-color:antiquewhite;padding:2px;height:30px;line-height:30px;

}

记事本

{{index+1}}

{{item}}

X

{{list.length}}

clear

vartop= newVue({

el:"#top",

data:{

list:["学习","吃饭","睡觉"],

mrvalue:"好好学习，天天向上"},

methods:{//输入添加

add:function(){this.list.push(this.mrvalue);

},//将索引传递过来

remove:function(index ){//console.log("删除");

//console.log(index);

//按照索引删除

this.list.splice(index,1);

},

clear:function(){this.list=[];

}

}

})