先放大。当我们点击删除时，图书列表将被我们删除。当我们重新添加或添加新书时，我们只需要在这里添加它。

当我点击删除时，我需要的只是被删除的那本书后面剩下的那本。

我们先来看看拼接的用法。

splice()方法在数组中添加/删除项，然后返回删除的项。

注意：此方法会更改原始数组

因此，我们在删除书籍时将使用的方法是

删除idx位置的图书，并返回剩余的新书数组。

当我们点击“添加新书”时，如果新书的id值大于上一本书列表的id值，则在书的末尾添加，否则在对应的id处添加。

让我们看看添加书籍的代码

让我们看看这个演示的详细代码

本文从图书管理的实际视频中升华而来

详见我的github :https://github.com/jser jser/reatwebapp/tree/master/vue-cdn

摘要

以上是边肖介绍的图书增删功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！