vue3 ref/reactive 修改数组的方法



官网给出了这么一段 其中addTodo和removeTodo他们修改数组的方式不同 所以写法也不同,addTodo使用的push直接修改的todos数组,用ref/reactive创建的数据可以监听数组变化自动更新所以不用写todos.value=todos.value.push({ id: id++, text: newTodo.value }),

但是在removeTodo里filter方法是重新生成了一个数组 并没有修改原数组 所以需要写  todos.value = todos.value.filter((t) => t !== todo)

你可能感兴趣的:(vue,vue.js,javascript,前端)