1.provide

向当前组件所有子组件提供数据

2.inject

在子组件中注入父亲暴露的数据

  <div id="app">
        <login></login>
    </div>
    <template id="login">
     <div>
    <h1>子组件内容</h1>
    <p>{{msg}}</p>
     </div>
    </template>
    <script src="./js/vue.js"></script>
    <script>
        const login={
            template:"#login",
             //在孩子中通过inject来注入vm实例中暴露出来的数据
             inject:['msg'],
        }
    const vm=new Vue({
        el:"#app",
        data:{
         msg:"我是一个父组件传过来的内容"
        },
        components:{
            login
        },
        provide(){
           return {
             msg:this.msg
           }
        }
    })