vue组件

①. 自定义属性props: 
    a. 组件props中声明的属性.

②. 原生属性attrs:
    a服务器托管网. 没有声明的属性,默认自动挂载到组件根元素上.
    b. 设置inheritAttrs为false可以关闭自动挂载.
    c. 比如,父组件用了title属性.

③. 特殊属性class、style、ref、key:
    a. 挂载到组件根元素上,支持字符串、对象、数组等多种语法.
    b. 底层会来合并class、style传的数组、对象为字符串,挂载到DOM元素上.

①. 普通事件:
    a. @click、@input、@change、@xxx等事件.
    b. 子组件通过this.$emit(绑定的事件名, [父组件接收的参数])来触发.

②. 修饰符事件:
    a. @input.trim、@click.stop(阻止冒泡)、@submit.prevent等.
    b. 一般用于原生HTML元素,自定义组件需要自行开发支持.
    c. 手动阻止冒泡:
       handleClick(e) {
           e.stopPropagation();
       }

①. 普通插槽/具名插槽:
    ...
    ...

②. 作用域插槽:服务器托管网
    ...    // 从子组件会传递一些参数
    ...