【九月打卡】第2天 vue父子组件如何通讯

• 课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack
• 课程章节： vue父子组件如何通讯
• 主讲老师：双越

课程内容：

今天学习的内容包括：

vue父子组件如何通讯

课程收获：

父组件给子组件通信

实现思路：子组件通过 props 来接受父组件传过来的值,props是单向数据流

props:{ name: String, firstName: { type: String,//规定值的类型 required: true //必须传值，否则报错 } } 

子组件向父组件通信

实现思路：通过在子组件中使用 this.$emit 来触发自定义事件并传值，然后在父组件中监听该事件即可。

父组件

<childSon :content='content' @getNum='getMsg'></childSon> 

子组件

this.$emit('getNum',this.num ++ ); 

今天学习课程共用了35分钟，重新了解了一下vue基本知识点，这是我不知道第多少次决心补习面试题，希望能够坚持下去。