Vue3父子组件传参之props和$emit

96 阅读1分钟

在vue项目开发中,组件传参数是最常见不过的事情了。下面我们来结合具体案例复习一下父子组件之间是如何通信的。

一句话概括

父组件通过props向子组件传递数据,子组件通过$emit和父组件通信。 image.png

父组件向子组件传值

案例:如果我们在父组件里发送网络请求,父组件得到了请求数据,就可以传给子组件。

子组件向父组件传值

案例:登录页面把子组件中的内容(如输入的账号、密码)传给父组件,