组件间通信（跨组件传值--依赖注入和消息订阅与发布）----第三节

之前已经对父子之间的传值有了一定了解了，但是遇到了组件和孙组件传值，我们按照父子组件之间传递下来是这样的，我们需要依次传递给子组件，然后子组件在传递给孙组件，这样造成了子组件的沉余，代码所示；

   

 需要子组件props接收之后随后传递给子组件标签，然后孙组件props接收到之后在进行使用

<template>
  <div>
      <h1>我是孙组件：祖组件传递过来的值是：{
  {toStongMsg}}</h1>
  </div>
</template>

<script>
export default {
    props:{
        toStongMsg:String
    }
}
</script>

 这样传值也行，但是如果组件嵌套的足够深，并且传值足够多，这样的话会扰乱我们的代码，代码过于臃肿，而且会使用我们混乱，所以接下来我要讲的是通过依赖注入来解决这个问题

首先我们在父组件字面提供出去一个数据，而后后代组件使用

<template>
  <div>
    <h1>我是父组件</h1>
    <SonCom