Vue之實例屬性

一、 組件樹

1. $parent:用來訪問組件實例的父實例

2. $root: 用來訪問當前組件樹的根實例

3. $children:用來訪問當前組件實例的直接子組件實例

4. $refs:用來訪問v-ref指令的子組件

二、DOM訪問

1. $el:用來掛載當前組件實例的dom元素

2. $els:用來訪問$el元素中使用了v-el指令的DOM元素

三、數據訪問

1. $data:用來訪問組件實例觀察的數據對象

2. $options:用來訪問組件實例化時的初始化選項對象

四、DOM方法的使用

1. $appendTo(elementOrSelector, callback):將el所指的DOM元素插入目標元素

2. $before(elementOrSelector, callback):將el所指的DOM元素或片段插入目標元素之前

3. $after(elementOrSelector, callback):將el所指的DOM元素或片段插入目標元素之後

4. $remove(callback):將el所指的DOM元素或片段從DOM中刪除

5. $nextTick(callback):用來在下一次DOM更新循環後執行指定的回調函數

五、event方法的使用

1. 監聽

1)$on(event, callback):監聽實例的自定義事件

2)$once(event, callback):同上,但只能觸發一次

2. 觸發

1)$dispatch(event, args):派發事件,先在當前實例觸發,再沿父鏈一層層向上,對應的監聽函數返回false停止

2)$broadcast(event, args):廣播事件,遍歷當前實例的$children,如果對應的監聽函數返回false,就停止

3)$emit(event, args):觸發事件


$off(event, callback):刪除時間監聽



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章