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视图层的展现