vue中各選項及鉤子函式執行順序
在vue中，例項選項和鉤子函式和{{}}表示式都是不需要手動呼叫就可以直接執行的。
vue的生命週期如下圖：
在頁面首次載入執行順序有如下：
beforeCreate //在例項初始化之後、建立之前執行
created //例項建立後執行
beforeMounted //在掛載開始之前呼叫
filters
computed //計算屬性
directives-bind //只調用一次，在指令第一次繫結到元素時呼叫
directives-inserted //被繫結元素插入父節點時呼叫
activated //keek-alive元件被啟用時呼叫，則在keep-alive包裹的巢狀的子元件中觸發
mounted //掛載完成後呼叫
{{}} //mustache表示式渲染頁面
修改頁面input時，被自動呼叫的選項順序如下：
watch //首先先監聽到了改變事件
filters
beforeUpdate //資料更新時呼叫，發生在虛擬dom打補丁前
directived-update //指令所在的元件的vNode更新時呼叫，但可能發生在其子vNode更新前
directives-componentUpdated//指令所在的元件的vNode及其子元件的vNode全部更新後呼叫
updated //元件dom已經更新
元件銷燬時，執行順序如下
beforeDestroy //例項銷燬之前呼叫
directives-unbind //指令與元素解綁時呼叫，只調用一次
deactivated //keep-alive元件停用時呼叫
destroyed //例項銷燬之後呼叫