vue3组件传值

1.首先我们在app.vue和组件里面写出对应页面

这里我们将数组的数据写在父组件里面
父组件中写上按钮以及ul
li的内容我们放在子组件里
APP.VUE

list.vue

记得在父组件中将子组件进行引入

2.现在我们使用父传子将父组件里list的内容在子组件中渲染

(1)先在子组件中利用props定义变量

（2）在父组件中传入值

现在我们已经使用了父传子将父组件的list传递给了子组件

（3）使用v-for在子组件渲染数据

这是浏览器渲染出来的页面样子

3.现在我们开始进行添加点击事件

（1)使用v-model进行input绑定
（2)设置点击事件
记得定义需要用到的变量

4.现在我们利用子传父设置移除功能

（1）在子组件中利用emit声明移除事件

定义移除事件时记得传递ID作为参数

(2)在父组件中绑定事件

（3）在父组件中编写移除事件的逻辑

使用filter过滤数组