Vue學習-Day2

1. Vue.js 容許你自定義過濾器，可被用做一些常見的文本格式化。過濾器能夠用在兩個地方：mustache 插值和 v-bind 表達式。過濾器應該被添加在 JavaScript 表達式的尾部，由「管道」符指示
2. 鍵盤修飾符以及自定義鍵盤修飾符，如@keyup.enter="add()"
3. 自定義指令，v-開頭
4. vue實例的生命週期。

• 建立期間的生命週期函數：
• beforeCreate：實例剛在內存中被建立出來，此時，尚未初始化好 data 和 methods 屬性
• created：實例已經在內存中建立OK，此時 data 和 methods 已經建立OK，此時尚未開始 編譯模板
• beforeMount：此時已經完成了模板的編譯，可是尚未掛載到頁面中
• mounted：此時，已經將編譯好的模板，掛載到了頁面指定的容器中顯示
• 運行期間的生命週期函數：
• beforeUpdate：狀態更新以前執行此函數， 此時 data 中的狀態值是最新的，可是界面上顯示的 數據仍是舊的，由於此時尚未開始從新渲染DOM節點
• updated：實例更新完畢以後調用此函數，此時 data 中的狀態值 和 界面上顯示的數據，都已經完成了更新，界面已經被從新渲染好了！
• 銷燬期間的生命週期函數：
• beforeDestroy：實例銷燬以前調用。在這一步，實例仍然徹底可用。
• destroyed：Vue 實例銷燬後調用。調用後，Vue 實例指示的全部東西都會解綁定，全部的事件監聽器會被移除，全部的子實例也會被銷燬。

5. vue-resource 實現 get, post, jsonp請求
6. 動畫效果，使用關鍵字 transition 樣式 fade-enter-active, fade-leave-active
7. 使用第三方 animate.css
8. 動畫鉤子函數 beforeEnter() enter() afterEnter()
9. 須要使用 transition-group 組件把v-for循環的列表包裹起來