在vue中，實例選項和鈎子函數和{{}}表達式都是不需要手動調用就可以直接執行的。
一、生命周期圖示
二、vue中各選項及鈎子函數執行順序
1.在頁面首次加載執行順序有如下：
beforeCreate //在實例初始化之后、創建之前執行 created //實例創建后執行 beforeMount //在掛載開始之前調用 filters //掛載前加載過濾器 computed //計算屬性 directives-bind //只調用一次，在指令第一次綁定到元素時調用 directives-inserted //被綁定元素插入父節點時調用 activated //keek-alive組件被激活時調用，則在keep-alive包裹的嵌套的子組件中觸發 mounted //掛載完成后調用 {{}} //mustache表達式渲染頁面
2.修改頁面input時，被自動調用的選項順序如下：
watch //首先先監聽到了改變事件 filters //過濾器沒有添加在該input元素上，但是也被調用了 beforeUpdate //數據更新時調用，發生在虛擬dom打補丁前 directives-update //指令所在的組件的vNode更新時調用，但可能發生在其子vNode更新前 directives-componentUpdated//指令所在的組件的vNode及其子組件的vNode全部更新后調用 updated //組件dom已經更新
3.組件銷毀時，執行順序如下：
beforeDestroy //實例銷毀之前調用 directives-unbind //指令與元素解綁時調用，只調用一次 deactivated //keep-alive組件停用時調用 destroyed //實例銷毀之后調用