0七、Vue.js---Vue對象的實例方法和屬性

    Vue對象的實例屬性和方法分爲全局和局部實例屬性和方法。全局和局部的區別在於調用者不一樣。javascript

    · 局部實例屬性和方法: vm | this .$方法名或屬性;html

    · 全局實例熟悉和方法: Vue .方法名或屬性。vue

1、實例屬性

    01. vm.$data : Vue 實例觀察的數據對象。Vue 實例代理了對其 data 對象屬性的訪問。java

    02. vm.$props : 當前組件接收到的 props 對象。Vue 實例代理了對其 props 對象屬性的訪問。數組

    03. vm.$el : Vue 實例使用的根 DOM 元素。服務器

    04. vm.$options : 用於當前 Vue 實例的初始化選項。須要在選項中包含自定義屬性時會有用處。ide

    05. vm.$parent : 父實例,若是當前實例有的話。函數

    06. vm.$root : 當前組件樹的根 Vue 實例。若是當前實例沒有父實例,此實例將會是其本身.ui

    07. vm.$children : 當前實例的直接子組件。須要注意$children並不保證順序,也不是響應式的。若是你發現本身正在嘗試使用$children來進行數據綁定,考慮使用一個數組配合v-for來生成子組件,而且使用 Array 做爲真正的來源。this

    08. vm.$slots : 用來訪問被插槽分發的內容。每一個具名插槽 有其相應的屬性 (例如: slot=「foo」中的內容將會在 vm.$slots.foo 中被找到)。default 屬性包括了全部沒有被包含在具名插槽中的節點。在使用渲染函數書寫一個組件時,訪問 vm.$slots 最有幫助。

    09. vm.$scopedSlots : 用來訪問做用域插槽。對於包括 默認 slot 在內的每個插槽,該對象都包含一個返回相應 VNode 的函數。vm.$scopedSlots 在使用渲染函數開發一個組件時特別有用。

    10. vm.$refs : 當前 Vue 實例是否運行於服務器。

    11. vm.$isServer : 當前 Vue 實例是否運行於服務器。

    12. vm.$attrs : 包含了父做用域中不被認爲 (且不預期爲) props 的特性綁定 ( class 和 style 除外)。當一個組件沒有聲明任何 props 時,這裏會包含全部父做用域的綁定 ( class 和 style 除外),而且能夠經過 v-bind=「$attrs」 傳入內部組件——在建立更高層次的組件時很是有用。

    13. vm.$listeners : 包含了父做用域中的 (不含 .native 修飾器的) v-on 事件監聽器。它能夠經過 v-on=「$listeners」 傳入內部組件——在建立更高層次的組件時很是有用。

2、實例方法

一、數據

01. vm.$watch    vm.$watch( expOrFn, callback, [options] )

02. vm.$set    vm.$set( target, key, value )

03. vm.$delete    vm.$delete( target, key )

二、事件

04. vm.$on    vm.$on( event, callback )

    用法:監聽當前實例上的自定義事件。事件能夠由 vm.$emit 觸發。回調函數會接收全部傳入事件觸發函數的額外參數。

    示例:

vm.$on('test', function (msg) {
  console.log(msg)
})
vm.$emit('test', 'hi')
// => "hi"

05. vm.$once    vm.$once( event, callback )

    用法:監聽一個自定義事件,可是隻觸發一次,在第一次觸發以後移除監聽器。

06. vm.$off    vm.$off( [event, callback] )

    用法:

    移除自定義事件監聽器。

  • 若是沒有提供參數,則移除全部的事件監聽器;

  • 若是隻提供了事件,則移除該事件全部的監聽器;

  • 若是同時提供了事件與回調,則只移除這個回調的監聽器。

07. vm.$emit    vm.$emit( event, […args] )

    觸發當前實例上的事件。附加參數都會傳給監聽器回調。

三、生命週期

08. vm.$mount

09. vm.$forceUpdate

10. vm.$nextTick

11. vm.$destroy

相關文章
相關標籤/搜索