2024年前端最新通过大头儿子和小头爸爸，给女朋友讲明白了vue中父子组件的传值，2024年最新蚂蚁金服测试开发面试经验

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整

【效果如下】

3. 注意事项

① prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。

② 父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”：

③ prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。

④ props中的数据都是只读的，无法进行重新赋值。

二、子组件向父组件传值

1. 传值步骤

① 子组件需要以某种方式例如点击事件的方法来触发一个自定义事件；

② 将需要传递的值作为$emit的第二个参数，该值将作为实参传递给响应自定义事件的方法；

③ 在父组件中注册子组件，在子组件标签上监听该自定义事件，并添加一个响应该事件的处理方法

2. 代码示例

点击子组件中的按钮，给父组件发送子组件的信息

父组件

<child @receive=“handleEvent”>

【效果如下】

3. 注意事项

① 父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！

② 我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface)，即：

使用 $on(eventName) 监听事件

使用 $emit(eventName) 触发事件

③ 父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

三、大头儿子小头爸爸案例

这个案例实现了文章开头：大头儿子和小头爸爸之间的通信

我是小头爸爸

小头爸爸接收到的消息:【{{msg}}】

小头爸爸回复说:【{{replyMsg}}】

<button class=“btn” @click=“reply()”>回复

<child :reply-msg=“replyMsg” @listen=“listenHandle($event)”>