ref--------指引
另一種獲取表單值的方法
是Vue環境中一個內置的屬性.它可以使用this.$refs可以快速拿到DOM對象.
在vue中可以用jquery，可以用原生js里DOM操作獲取元素，也可以用ref獲取元素，但是都要盡可能減少這種操作，因為mvvm的核心就是盡可能的減少DOM操作.盡可能不要把jquery引入到vue里做事情.
v-model是經過虛擬DOM，而ref是直接操作DOM，v-model是優化過的，而ref是簡單粗暴.
全局與局部組件
局部組件里的data一樣是用return返回，
props:{
name:{type:String,required:true}
}
然后子組件可以用v-text='name';拿到從父組件傳過來的name的值.
Eg:若子組件加了生命周期函數mounted，執行順序是什么？
一定是優先子組件全部加載完成，才會輪到父組件mounted加載完成。
動態組件
<keep-alive>
<component is='組件名'></component>
</keep-alive>
這樣給tab切換提供了一種新的方法，且它的數據也會保留着，keep-alive可以讓內部模塊出於激活狀態。
示例：選項卡輸入框。
①:如果用v-if做，則之前輸入的內容在切換選項卡的時候會被清空，因為v-if的原理就是刪除DOM節點.
②:如果用v-show的話也可以完成，因為它只是顯示隱藏，但是可能性能方面不會那么完美.
③:動態組件：
這樣只需要寫一個component，節省代碼量.
且Keep-alive可以提高用戶體驗
動態組件還有兩個額外的生命周期
只有被keep-alive包裹的結構才有activated這個鈎子函數(會在被keep-alive緩存的組件被激活時自動觸發).---------------與之相對的有deactivated(當keep-alive緩存的組件停用時觸發).
組件不會被重新創建，而是保持上次時刻的狀態