Vue.directive(‘focus’,{
bind: function(el){},
insertte: function(){},
updated:function(){}
})

樣式相關的存放在bind指令中，相當於存放在記憶體中。就是屬性
與行為相關的進行操作存放在inserted中，相當於方法

又談到了生命週期函式
在頁面進行跳轉或者建立的時候，就會執行beforeCreate生命週期鉤子，此時無法呼叫data層中的資料，為undefined

在created之後，data和methods中的資料已經被初始化，可以進行呼叫

beforeMount 頁面的模板已經在記憶體中編輯完成了，但是尚未把模板渲染到頁面上，這時候獲取的資料能獲取到，但是沒有把模板進行完成

只要執行了mounted函式，說明整個Vue例項已經度過了建立階段，到了執行階段
在我們雙向改變v-model繫結的資料的時候，相當於觸發了下面的beforeUpdate函式和updated函式

當我們改變資料的時候，記憶體中的DOM樹也會進行改變，重新渲染到頁面上，完成了資料層data到view檢視層的展現