箭頭函數(shù)：箭頭函數(shù)就是沒有function關(guān)鍵字，而是一個(gè)類似箭頭的函數(shù)：

var a = ()=>{
  return 1;
}

相當(dāng)于：

function a(){
  return 1;
}

mounted

注意 mounted 不會(huì)承諾所有的子組件也都一起被掛載。如果你希望等到整個(gè)視圖都渲染完畢，可以用 vm.$nextTick替換掉 mounted

第三方量：var bus =new vue（）

1.點(diǎn)擊彈出效果

HTML部分

 <div id='app'>
       <child></child>
       <son></son>
 </div>

JS部分

 <script>
       var bus=new Vue();
       Vue.component('child',{//A
           template: `
            <div>
               <h1>我是child組件</h1>
               <button @click='sendMsg'>發(fā)送數(shù)據(jù)給son</button>
            </div>
           `,
            data: function() {
                return {
                    msg:'hello vue'
               }
           },
           methods:{
               sendMsg:function(){
                  bus.$emit('send',this.msg) 
               }
           }
       }) 
        
       Vue.component('son',{//B
           template:`
            <div>
               <h1>我是son組件</h1>
               <a href=''>{{mess}}</a>
            </div>
           `,
           data:function(){
               return{
                   mess:''
               }
           },
           mounted:function(){
               bus.$on('send',msg=>{//箭頭函數(shù)
                   console.log(this);
                   this.mess=msg
               })
           }
           
       }) 
        
       new Vue({
           el:'#app'
       })

 </script>

效果圖：

image.png