vue的鈎子函數有好幾類
一、生命周期鈎子函數
（1）beforeCreate（） 實例創建前觸發
（2）created（） 實例創建完成，
（3）beforeMount（） 模板渲染前，可以訪問數據，模板編譯完成，虛擬DOM已經存在
（4）mounted（） 模板渲染完成，可以拿到DOM節點和數據
（5）beforeUpdate（） 更新前
（6）updated（） 更新完成
（7）activated（） 激活前
（8）deactivated（） 激活后
（9）beforeDestroy（） 銷毀前
（10）destroyed（） 銷毀后
二、自定義指令directives的鈎子函數
（1）bind（） 綁定指令到元素上，只執行一次。
（2）inserted（） 綁定了指令的元素插入到頁面中展示時調用，很常用。
（3）update（） 所有組件節點更新時調用
（4）componentUpdated 指令所在的節點及其子節點全部更新完成后調用。
（5）unbind（） 解除指令和元素的綁定，只執行一次。
三、路由導航 / 路由守衛 鈎子函數
（1）全局守衛
①前置：router.beforeEach（(to,from,next)=>{ }）
②后置：router.afterEach（(to,from)=>{ }）
（2）路由獨享守衛
beforeEnter:（to,from,next)=>{ }
（3）導航守衛
①beforeRouteEnter（to,from,next）{ }
②beforeRouteLeave（to,from,next）{ }
廣義上來說，watch、computed這些也屬於鈎子函數，watch是在監控的數據變化時就會自動執行對應的方法，而computed是在數據變化時再次計算數據。