元件是小型的、可以複用的、一個個獨立的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例項化的時候就可以進行響應式更新了  。