Vue ref 的用法詳解

2021-09-27 09:20:33 字數 928 閱讀 8005

ref 被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 $refs 物件上。如果在普通的 dom 元素上使用,引用指向的就是 dom 元素;如果用在子元件上,引用就指向元件例項。

用法如下

ref=

"p">

hellop

>

ref=

"child"

>

child-component

>

當 v-for 用於元素或元件的時候,引用資訊將是包含 dom 節點或元件例項的陣列。

原始碼解讀:

關鍵函式

function

registerref

(vnode, isremoval)

var vm = vnode.context;

var ref = vnode.componentinstance || vnode.elm;

var refs = vm.$refs;

if(isremoval)

else

if(refs[key]

=== ref)

}else

else

if(refs[key]

.indexof

(ref)

<0)

}else

}}

這是ref對應hook裡的對應生命週期的執行流程

var ref =

, update:

function

update

(oldvnode, vnode)},

destroy:

function

destroy

(vnode)

};

vue ref的基本用法

1 使用在一般的標籤上 div id input ref count type text v model active.name required name name value div 這樣在vue中我們可以使用 ref來獲取dom節點,進行一些dom的操作 下面示例 控制input輸入框的文字個...

typedef struct的用法 詳解!!

typedef為c語言的關鍵字,作用是為一種資料型別定義乙個新名字。這裡的資料型別包括內部資料型別 int,char等 和自定義的資料型別 struct等 在程式設計中使用typedef目的一般有兩個,乙個是給變數乙個易記且意義明確的新名字,另乙個是簡化一些比 較複雜的型別宣告。至於typedef有...

rpm的用法詳解

rpm的用法詳解 2009 03 31 18 56 2.如何安裝.src.rpm軟體包 有些軟體包是以.src.rpm結尾的,這類軟體包是包含了源 的rpm包,在安裝時 需要進行編譯。這類軟體包有兩種安裝方法,方法一 1.執行rpm i your package.src.rpm 2.cd usr s...