vue.js中ref的作用？Ref用于注冊(cè)元素或子組件的引用信息。引用信息將注冊(cè)在父組件的$refs對(duì)象上。如果在普通DOM元素上使用，則引用指向DOM元素；如果在子組件上使用，則引用指向組件實(shí)例：H

vue.js中ref的作用？

Ref用于注冊(cè)元素或子組件的引用信息。引用信息將注冊(cè)在父組件的$refs對(duì)象上。如果在普通DOM元素上使用，則引用指向DOM元素；如果在子組件上使用，則引用指向組件實(shí)例：

Hello

如果在元素或組件上使用V-for，則引用信息將是包含DOM節(jié)點(diǎn)或組件實(shí)例的數(shù)組。

ref注冊(cè)時(shí)間的重要注意事項(xiàng)：由于ref是作為渲染結(jié)果創(chuàng)建的，因此在初始渲染時(shí)無(wú)法訪問(wèn)它們-它們還不存在！$refs也沒有響應(yīng)性，因此不應(yīng)該嘗試將其用于模板中的數(shù)據(jù)綁定。

參考官方網(wǎng)站：網(wǎng)頁(yè)鏈接

可以監(jiān)控

觀看是一個(gè)對(duì)象。此對(duì)象的鍵是要觀察的表達(dá)式，值可以是直接方法、方法名稱、包含選項(xiàng)的對(duì)象等。Vue實(shí)例在實(shí)例化時(shí)將調(diào)用$watch（），遍歷watch對(duì)象的每個(gè)屬性，然后觀察。

{

{[key:String]：String{函數(shù){對(duì)象{數(shù)組}]}

]代碼示例：

//value

watch{

//MSG1是表達(dá)式，function（oldval，Newval）是匿名函數(shù)和回調(diào)函數(shù)

MSG1:function（Newval，oldval）{控制臺(tái).log（“oldval is:”oldval“newval is:”newval）

}

在雙向綁定輸入框中輸入一些值后，查看監(jiān)視對(duì)象的效果控制臺(tái)中：

//初始值是init，輸入init1后控制臺(tái)的輸出

oldval是：init newval是：init init1

我相信知道前端的人一定知道Vue framework，因?yàn)閂ue framework是市場(chǎng)上使用最廣泛的框架?；旧?，很多東西的框架都是Vue。下面我們來(lái)談?wù)刅ue框架的面試問(wèn)題，為面試做好準(zhǔn)備。

1. 什么是V型？Vue中的標(biāo)記如何綁定事件？

A:V模型只能用于表單元素。它可以用于雙向數(shù)據(jù)綁定。綁定事件：<input@Click=dolog（）/&[GT

2。為什么在V-for循環(huán)中添加鍵？

A:Vue的DOM呈現(xiàn)是一個(gè)虛擬DOM。當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，diff算法只會(huì)比較變化的部分。如果更改了數(shù)據(jù)項(xiàng)的順序，Vue將不會(huì)移動(dòng)DOM元素以匹配數(shù)據(jù)項(xiàng)的更改，而只是在此處重用每個(gè)元素，并確保它顯示在特定索引下呈現(xiàn)的每個(gè)元素（兩個(gè)元素）。

3. Vue路由如何傳遞值？

A:使用params方法傳輸參數(shù)時(shí)，應(yīng)在路由后添加參數(shù)名稱，傳輸參數(shù)時(shí)，參數(shù)名稱應(yīng)與路由后設(shè)置的參數(shù)名稱相對(duì)應(yīng)。使用query方法，沒有這樣的限制。你可以直接在跳躍中使用它。

4. Vue雙向數(shù)據(jù)綁定

A:Vue雙向數(shù)據(jù)綁定是通過(guò)數(shù)據(jù)劫持結(jié)合發(fā)布訂閱模式實(shí)現(xiàn)的，即數(shù)據(jù)和視圖同步，數(shù)據(jù)改變，視圖改變，視圖改變，數(shù)據(jù)也改變

核心：關(guān)于Vue雙向數(shù)據(jù)綁定，其核心是Object.defineProperty屬性（）方法。

5. $nexttick的功能是什么？

A:有時(shí)您需要在更改數(shù)據(jù)后立即對(duì)DOM進(jìn)行操作。此時(shí)得到的DOM仍然是刷新數(shù)據(jù)之前得到的DOM，不能滿足需要。所以現(xiàn)在使用$nexttick。

6. Vue

A的兩個(gè)核心點(diǎn)：數(shù)據(jù)驅(qū)動(dòng)，組件系統(tǒng)

數(shù)據(jù)驅(qū)動(dòng)：視圖模型，保證數(shù)據(jù)和視圖的一致性。

組件系統(tǒng)：應(yīng)用程序類UI可視為由組件樹組成。

Vue框架是web前端工程師必備的技能之一。當(dāng)然，要想拿到高薪，不僅要應(yīng)付考題，還要系統(tǒng)地學(xué)習(xí)前端知識(shí)，這樣才能應(yīng)對(duì)職場(chǎng)中的各種問(wèn)題。如果您想了解更多的網(wǎng)絡(luò)前端面試技巧，請(qǐng)隨時(shí)來(lái)找我！