1、首先，模拟元素封装button组件。 核心原理是在调用组件时传递属性值，在button组件内部接收这些值，并根据这些值实现一些效果。 (例如，控制颜色的显示方式) )。
2、div my-button缺省值123按钮/my-button my-button缺省值123按钮/my-button my-button my-buttonon，调用方法传递不同的参数值，改变按钮颜色，在组件中间传递自定义汉字my-button my-butt ton my-button my-button type=' info '信息按钮/my-button my-buttontype=' warning '警告按钮/my-buttton。
props : { type : } type : string，default: '，}，2，获得传入的type属性后，根据值在css中显示不同类名的样式，(El-buttonff
template div class='el-button' //基本样式：class='[//动态添加的不同样式` el-button--${type} `，] ' span slolon
4、将事件添加到自定义组件1、通过将事件发送到button组件，父组件可以监听该事件的触发器(相当于子代----父代传递值)，这类似于传递事件
2、添加朴素修饰符
. native -接收组件根元素的本机事件。 5、效果实现一反三，其他类似