# vue的高級內容的部分理解 ### 混合 mixins選項 > 是個js文件，一開始我還以為組件混合到另外一個組件，后來發現，是個js文件。 功能： > 抽象出公用的邏輯。 比如，現在有parent組件和child組件，都有一樣的data選項，和methods選項等，我們就可以抽出一樣的函數，放在mixins的js文件里。進行復用 > 具體例子： > 我們一般的項目都會涉及到時間的格式化，比如 timestamp格式轉化成 YYYY-MM-dd HH:mm:ss 的格式等。而且這樣的函數，會在大量的頁面使用，我們就可以使用mixins選項，避免重復編寫同樣的代碼 > 注意點： * mixins的js的生命周期是優于組件的生命周期執行的 * 其他的比如methods,components,data等選項，組件可以覆蓋mixins選項的 ### vue自定義指令 directives選項 具體，個人覺得參考官網資料就好 [vue自定義指令官網](https://cn.vuejs.org/v2/guide/custom-directive.html) 注意點： * bind 是在生命周期之前調用，比mixins的mounted還要早 * inserted 也是和bind一樣，不過bind的父節點還沒存在就調用了，inserted是插入到父節點了，不過還沒加入document中 * update 數據跟新之前 * componentUpdate 數據更新之后 * unbind 鉤子函數是在組件離開的時候調用