組件是小型的、可以復用的、一個個獨立的UI模塊；

三大核心概念：屬性、事件和插槽。

屬性：

 事件：

 對于修飾符事件，.trim .stop等是定義好的。

插槽：

 現在多用<template v-slot:xxx='props'> ... </template>和<template v-slot:xxx>...</template>這些新的形式，性能會更好。

總結： 屬性，事件和插槽，都是父組件傳遞給子組件的內容，然后由子組件分別根據傳遞的內容去執行它們的一些行為。所有的功能完全可以通過屬性去完成

vue是單向數據流，并不是雙向綁定。vue是如何進行數據綁定的？

v-model僅僅是語法糖，實際是用屬性的傳遞和事件的回調來實現數據更新的。在默認設置的model里可以進行自定義：

對于屬性prop，默認的是value；對于事件event，默認的是input。

對于key值，是用于虛擬dom，提升vue運行v性能的。

key不可以使用index為key值，有些場景會引發嚴重的bug。因為index是不能從中間添加值的，而key要可以從任何地方增刪數據，index會限制key的作用。

vue如何觸發組件更新 

dom是通過數據來驅動的，只有當數據改變的時候，視圖才會改變。

組件的響應式更新：  

把要改變的屬性或對象放到data中的return中提前聲明，然后在data實例化的時候就可以進行響應式更新了  。