Vue實(shí)例屬性

$data

1 .Vue實(shí)例觀察的數(shù)據(jù)對(duì)象,Vue實(shí)例代理了對(duì)其data對(duì)象屬性的訪問(wèn)

$el

1 .Vue實(shí)例使用的根DOM元素

$options

1 .用于當(dāng)前Vue實(shí)例的初始化選項(xiàng),需要在選項(xiàng)中包含自定義屬性時(shí)會(huì)有處理

$parent

1 .父實(shí)例,如果有的話

$root

1 .當(dāng)前組件樹(shù)的根Vue實(shí)例,如果當(dāng)前實(shí)例沒(méi)有父實(shí)例的話,此實(shí)例會(huì)是自己

$children

1 .當(dāng)前實(shí)例的直接子組件
2 .注意是子組件,還是直接的
3 .不能保證順序,也不是響應(yīng)式的
4 .如果發(fā)現(xiàn)自己嘗試使用$children 來(lái)進(jìn)行數(shù)據(jù)綁定,考慮使用一個(gè)數(shù)組配合v-fork來(lái)生成子組件,并且使用Array作為真正的來(lái)源

$slot

1 .用來(lái)訪問(wèn)被slot分發(fā)的內(nèi)容,每個(gè)具名slot都具有相應(yīng)的屬性
2 .default屬性包括了所有沒(méi)有被包含在slot中的節(jié)點(diǎn)

$scopedSlots

1 .用來(lái)訪問(wèn)scoped slots

$refs

2 . 一個(gè)對(duì)象,包含了所有擁有ref 注冊(cè)的子組件

$isServer

1 .當(dāng)前實(shí)例是否運(yùn)行于服務(wù)器

$props

1 .當(dāng)前組件接收到的props對(duì)象
2 .vue實(shí)例代理了對(duì)其props對(duì)象屬性的訪問(wèn)

$attrs

1 .包含了父作用域中不作為prop被識(shí)別的特性綁定,除了class和style
2 .當(dāng)一個(gè)組件沒(méi)有聲明任何prop時(shí),這里會(huì)包含所有父作用域的綁定,并且可以通過(guò)v-bind="$attrs"傳入內(nèi)部組件--在創(chuàng)建高級(jí)別的組件時(shí)非常有用
3 .

$listeners

1 .包含了父作用域中的時(shí)間監(jiān)聽(tīng)器,可以通過(guò)v-on="$listeners"傳入內(nèi)部組件--在創(chuàng)建更高層次的組件時(shí)非常有用

添加實(shí)例屬性

1 .在很多組件里用到的數(shù)據(jù)和實(shí)例,但是你并不像污染全局作用域,這個(gè)時(shí)候就可以通過(guò)在原型上定義他們使得在每個(gè)Vue實(shí)例中都是可用的
2 .Vue.propotype.$appName='liba'
3 .這樣appName就可以在所有Vue實(shí)例中使用了,甚至在實(shí)例被創(chuàng)建之前就可以使用
4 .為實(shí)例屬性設(shè)置作用域的重要性

1 .其實(shí)主要就是為了使用這個(gè)屬性的時(shí)候和本組件的定義的data數(shù)據(jù)沖突
2 .加一個(gè)$,是雖有實(shí)例中都可以使用的屬性的一個(gè)簡(jiǎn)單約定。這樣做會(huì)避免和已被定義的數(shù)據(jù),方法,計(jì)算屬性產(chǎn)生沖突
3 .通過(guò)$為實(shí)例屬性設(shè)置作用域來(lái)避免這種事情發(fā)生
4 .原型方法定義的this,是可以訪問(wèn)到這個(gè)實(shí)例的data數(shù)據(jù),也就是說(shuō)他們可以使用this訪問(wèn)數(shù)據(jù),計(jì)算屬性,方法或其他任何定義在使實(shí)例上的東西
5 .注意,使用es6的箭頭函數(shù)是無(wú)法獲取到綁定的上下文的,因?yàn)樗麄儠?huì)隱式的綁定其父級(jí)作用域。
6 .
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • vm.$data 類型:Object【對(duì)象】詳細(xì):Vue 實(shí)例觀察的數(shù)據(jù)對(duì)象。Vue 實(shí)例代理了對(duì)其 data 對(duì)...
    Ishmael丶Yoko閱讀 2,733評(píng)論 0 6
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,185評(píng)論 0 29
  • 組件(Component)是Vue.js最核心的功能,也是整個(gè)架構(gòu)設(shè)計(jì)最精彩的地方,當(dāng)然也是最難掌握的。...
    六個(gè)周閱讀 5,781評(píng)論 0 32
  • 1.安裝 可以簡(jiǎn)單地在頁(yè)面引入Vue.js作為獨(dú)立版本,Vue即被注冊(cè)為全局變量,可以在頁(yè)面使用了。 如果希望搭建...
    Awey閱讀 11,307評(píng)論 4 129
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,379評(píng)論 0 6

友情鏈接更多精彩內(nèi)容