vue全局组件的使用和对应事件的处理

1，通过全局组件，向各个子组件里面创建各自需要的按钮
全局组件又叫公共组件的声明：Vue.component(a,b)参数a是自定义全局组件的名称，参数b是options对象
（1），全局组件的dom元素里添加<slot></slot>标签并给全局组件命名
slot作为承载分发内容的出口

Vue.component('vbtn',{
   
 // slot作为承载分发内容的出口
 template:`<button>
   <slot></slot>
   </button>`,
   props:['type']
})

（2），给需要的子组件里面添加该全局组件，并写上需要的value值

<vbtn >播放</vbtn>

<vbtn>删除</vbtn>

2,给全局组件创建的元素写class样式
（1），先给子组件里的全局组件Dom元素添加自定义属性（下面添加的是 type=“success” ）

var Vcontent={
   
     template:`
    <div class='content'>我是内容组件 
        <vbtn type="success" @click.native="show">播放</vbtn>
    </div>
     `,
     methods:{
   
       show(){
   
         alert("hello")
       }
     }
   };

（2）&#