vue基础知识（1）父子传值

那么我们延伸一下，子组件怎么向父组件传值？

 基本概念

• 在vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。

 

props down , events up

• 每个Vue实例都实现了事件接口：使用$on(evntName)监听事件；使用$emit(eventName,optionalPayload)触发事件。
• 另外，父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件。

 

 

 <v-tab :navs ='navs' @transferName="getNameFun">
    <div>这里需要slot组件,才会显示在----子组件中</div>
  </v-tab>

......略.....

 components:{

    'v-tab': tabs

  }

 

 

 slot在组件中使用

父组件：

 

 

 

 子组件