个人练习----Vue点击增加，删除数据【如有不对，欢迎指正】

本文主要是介绍个人练习----Vue点击增加，删除数据【如有不对，欢迎指正】，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<div><input type="text" name="" id="" v-model="todo"><button @click="addTodo()">增加</button><div v-for="(item,key) in list" :key="key">{{item}}---<button @click="removeData(key)">删除</button></div>
</div><template><div ></div>
</template>
<script>export default {data() {return {todo:'',list:[],}},methods: {addTodo(){// 1，获取输入框的值   2，把文本框的值push到list里面this.list.push(this.todo);this.todo = '';},removeData(key){this.list.splice(key,1)  //splice      js操作数组的方法}},}
</script>
<style>
</style>

这篇关于个人练习----Vue点击增加，删除数据【如有不对，欢迎指正】的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---