Vue組件的三大核心概念：屬性、事件和插槽

屬性：分爲自定義屬性、原生屬性、特殊屬性；

        自定義屬性props：即組件props中聲明的屬性，子類接受父類的值；

        原生屬性attrs ：沒有聲明的屬性，默認自動掛載到組件根元素上，設置inheritAttrs爲false可以關閉自動掛載；

         特殊屬性class、style：掛載到組件根元素上，支持字符串、對象、數組等多種語法；詳見：https://cn.vuejs.org/v2/guide/class-and-style.html;

事件：分爲普通事件和修飾符事件；

        普通事件： @click,@input,@change,@xxx等事件，通過this.$emit('xxx',...)觸發；

        修飾符事件：@input.trim,@click.stop,@submit.prevent等，一般用於原生HTML元素，自定義組件需要自行開發支持；

        阻止默認事件：@click.stop可以阻止點擊事件；

        補充：JS阻止冒泡和取消默認事件(默認行爲);

                  防止冒泡和行爲：w3c使用的是 e.stopPropagation(),IE則是e.cancelBubble= true;

                  取消默認事件：w3c使用的是 e.preventDefault(),IE則是e.returnValue = false;