摘要：第二個是其值是或，確認是否深入監聽。一般監聽時是不能監聽到對象屬性值的變化的，數組的值變化可以聽到第三個是其值是或，確認是否以當前的初始值執行的函數。混合定義來分發組件中的可復用功能結束，撒花文章已同步我的筆記，歡迎大家加，加后人生更加美好

文章已同步我的github筆記https://github.com/ymblog/blog，歡迎大家加star~~，加star后人生更加美好……

beforeCreate：不能訪問this.$el和this.$data用于初始化非響應式變量
created：可以訪問this.$data，不能訪問到this.$el屬性，this.$refs內容，用于ajax請求，created定義this變量，data沒有定義不能雙向綁定，data沒有定義對象的子對象也是不能雙向綁定
beforeMount：this.$el和this.$data都初始化了，掛載前this.$el的值為"虛擬"的元素節點，比較少使用
mounted："虛擬"的Dom節點被真實的Dom節點替換，用于獲取VNode信息和操作，this.$refs可以訪問
beforeupdate：響應式數據更新時調用，發生在虛擬DOM打補丁之前
updated：虛擬 DOM 重新渲染和打補丁之后調用，組件DOM已經更新，data數據變化時只會觸發update
beforeDestroy：實例銷毀之前調用。這一步，實例仍然完全可用，this仍能獲取到實例，用于銷毀定時器、解綁全局事件、銷毀插件對象等操作
destroyed：實例銷毀后調用，調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷毀

指令帶有 v- 前綴的特殊屬性

解釋：更新DOM對象的textContent,為了輸出真正的 HTML
還有v-on、v-bind、v-model、v-for、v-if、v-else、v-else-if不展開說明
注意:v-if 與 v-for 一起使用時，v-for 具有比 v-if 更高的優先級
v-if和v-show的區別：v-show適合非常頻繁地切換

事件修飾符:

.stop 阻止冒泡，調用 event.stopPropagation()
.prevent 阻止默認行為，調用 event.preventDefault()
.once事件只觸發一次

按鍵修飾符:
@keyup.enter……
表單修飾符:
.lazy、.number、.trim

推薦：使用 v-for 的時候提供 key 屬性，以獲得性能提升
說明：使用 key，VUE會基于 key 的變化重新排列元素順序，并且會移除 key 不存在的元素,vue會復用已有元素，使用兩個input切換會共用，需要使用key讓其獨立
相同類型的元素之間切換，需要加入key防止出現問題

表達式的類型：字符串、數組、對象（重點）

//1
 ===> 解析后

//2
 ===>解析后

規范：定義組件名和組件文件名使用camelCase (駝峰命名法)，通用組件可以加上base，父組件標簽使用kebab-case命名

規范：要定義類型要詳細，命名使用camelCase (駝峰命名法)

實戰注意點:如果設置默認值，不進行自定義傳參，需要直接定義為:default: () => {return xxx},否則會報錯，原因：props default 數組／對象的默認值應當由一個工廠函數返回

//使用prop來傳值:
//子組件html

//js
props:["content","value"]
進行驗證，type類型有：Number、String、Boolean、Array、Object
propA: {
     type: Number,
     default: 100
 }
//父組件html

注意:父級組件1為字符串，使用:some-prop="1"，1為數字

推薦始終使用 kebab-case 的事件名
$emit方法并傳入事件的名字，來向父級組件觸發一個事件

//子級

//父級

//currentTabComponent改變，組件也隨之改變

說明：vue2.6,父組件使用插槽的v-bind能夠訪問子組件中的數據
注意：v-slot只能添加在一個