除了助記圖,這里還會添加重點,供大家來理解比較復(fù)雜的知識
一.重點
1.生命周期
bind:生成的HTML在內(nèi)存是調(diào)用
inserted:HTML渲染在界面上調(diào)用
update:所在組件的 VNode 更新時調(diào)用，但是可能發(fā)生在其子 VNode 更新之前。指令的值可能發(fā)生了改變，也可能沒有。簡單的說就是html元素節(jié)點/內(nèi)容節(jié)點.注釋節(jié)點更新后調(diào)用,能夠監(jiān)聽頁面的變化
2.回調(diào)函數(shù)
回調(diào)函數(shù)就是一個通過函數(shù)指針調(diào)用的函數(shù)。如果你把函數(shù)的指針（地址）作為參數(shù)傳遞給另一個函數(shù)，當(dāng)這個指針被用來調(diào)用其所指向的函數(shù)時，我們就說這是回調(diào)函數(shù)?；卣{(diào)函數(shù)不是由該函數(shù)的實現(xiàn)方直接調(diào)用，而是在特定的事件或條件發(fā)生時由另外的一方調(diào)用的，用于對該事件或條件進行響應(yīng)。
-----百度百科
簡單的說:就是在特定的時候,調(diào)用使用者自定義的函數(shù)
3.局部與全局
全局自定義就是定義的指令能在所有Vue控制的區(qū)域使用;
局部自定義就是定義的指令只能在特定的Vue控制的區(qū)域使用.
二.助記圖
v-size="30"
1.問題
有些指令,我們不希望在全部的Vue控制的區(qū)域使用,只希望在某一個特定的Vue區(qū)域使用
2.結(jié)局方法
在某一個Vue示例vm中定義directives屬性,使該屬性的值只能在該Vue控制的區(qū)域中使用
3.格式
3.1
directives:{"size":{bind:function(el,binding){el.style.fontSize=binding.value+"px"}}}
3.2
directives:{"size":function(el,binding){el.style.fontSize=binding.value+"px"}}
區(qū)別:
第一種頁面不會自動刷新value的變化Vnode
第二種自動添加bind和update會刷新Vnode的變化
4.代碼測試
