官术网_书友最值得收藏!

3.2.3 鉤子函數參數

前面介紹了鉤子函數,那么它們有哪些參數呢?下面將對鉤子函數的參數進行介紹。

(1)el:指令所綁定的元素,可利用它直接操作DOM。

(2)binding:指令所綁定的值,如下所示。

①name:指令名,不包括“v-”前綴。

②value:指令的綁定值。例如v-my-directive="2+1"中,綁定值為3。

③oldValue:指令綁定的前一個值,僅在update和componentUpdated鉤子函數中可用。無論值是否改變都可用。

④expression:字符串形式的指令表達式。例如v-my-directive="2+2"中,表達式為“2+2”。

⑤arg:傳給指令的參數,可選項。例如v-my-directive:vue中,參數為“vue”。

⑥modifiers:一個包含修飾符的對象。例如v-my-directive.vue.bar中,修飾符對象為{vue:true,bar:true}。

(3)VNode:Vue編譯生成的虛擬節點。

(4)oldVnode:上一個虛擬節點,僅在update和componentUpdated鉤子函數中可用。

提示:這些參數中,除了el以外,其他參數都看作是只讀參數,即不要對它們進行修改。如果需要跨鉤子使用它們,建議使用dataset來實現。

指令的參數值可以是動態的,代碼如下:

    <p v-track:left="[dyLeft]">text </p>
       data(){
         return {
           dyLeft : 500
           }
       }
主站蜘蛛池模板: 中卫市| 西宁市| 镇原县| 南平市| 岑溪市| 荣成市| 利辛县| 昌图县| 读书| 五大连池市| 凤庆县| 融水| 大宁县| 崇州市| 无极县| 华坪县| 高尔夫| 丰城市| 鹤峰县| 平乐县| 舒兰市| 台北市| 哈巴河县| 错那县| 清苑县| 乾安县| 前郭尔| 渭南市| 沽源县| 沙田区| 丰都县| 杭锦旗| 原阳县| 东兰县| 永新县| 西宁市| 买车| 镇沅| 内江市| 阿鲁科尔沁旗| 巴林左旗|