關(guān)于前端Vue框架的面試題，面試官可能會(huì)問(wèn)到哪些？　　相信了解前端的小伙伴，一定知道Vue框架，因?yàn)楝F(xiàn)在市場(chǎng)上Vue框架是目前應(yīng)用最廣泛的框架?；旧虾芏鄸|西里的框架都是用Vue。所以今天也來(lái)給大家講

關(guān)于前端Vue框架的面試題，面試官可能會(huì)問(wèn)到哪些？

　　相信了解前端的小伙伴，一定知道Vue框架，因?yàn)楝F(xiàn)在市場(chǎng)上Vue框架是目前應(yīng)用最廣泛的框架?；旧虾芏鄸|西里的框架都是用Vue。所以今天也來(lái)給大家講講Vue框架的面試題，這樣在面試的時(shí)候也能夠有備無(wú)患。

　　1、v-model是什么? vue中標(biāo)簽怎么綁定事件?

　　答：v-model這個(gè)指令只能用在表單元素上，可以用他進(jìn)行雙向數(shù)據(jù)綁定。綁定事件：<input @click=doLog() />

　　2、v-for循環(huán)時(shí)為什么要加key?

　　答：vue的DOM渲染是虛擬DOM，數(shù)據(jù)發(fā)生變化時(shí)，diff算法會(huì)只比較更改的部分，如果數(shù)據(jù)項(xiàng)的順序被改變，vue將不是移動(dòng)DOM元素來(lái)匹配數(shù)據(jù)項(xiàng)的改變，而是簡(jiǎn)單復(fù)用此處每個(gè)元素，并且確保它在特定索引下顯示已被渲染過(guò)的每個(gè)元素。

　　3、vue路由怎么實(shí)現(xiàn)傳值的?

　　答：當(dāng)你使用params方法傳參的時(shí)候，要在路由后面加參數(shù)名，并且傳參的時(shí)候，參數(shù)名要跟路由后面設(shè)置的參數(shù)名對(duì)應(yīng)。使用query方法，就沒(méi)有這種限制，直接在跳轉(zhuǎn)里面用就可以。

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

　　答：vue 雙向數(shù)據(jù)綁定是通過(guò) 數(shù)據(jù)劫持 結(jié)合 發(fā)布訂閱模式的方式來(lái)實(shí)現(xiàn)的， 也就是說(shuō)數(shù)據(jù)和視圖同步，數(shù)據(jù)發(fā)生變化，視圖跟著變化，視圖變化，數(shù)據(jù)也隨之發(fā)生改變

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

　　5、$nextTick有什么作用?

　　答：有些時(shí)候在改變數(shù)據(jù)后立即要對(duì)DOM進(jìn)行操作，此時(shí)獲取到的DOM仍是獲取到的是數(shù)據(jù)刷新前的DOM，無(wú)法滿足需要，這個(gè)時(shí)候就用到了$nextTick。

　　6、Vue的兩個(gè)核心點(diǎn)

　　答：數(shù)據(jù)驅(qū)動(dòng)、組件系統(tǒng)

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

　　組件系統(tǒng)：應(yīng)用類(lèi)UI可以看作全部是由組件樹(shù)構(gòu)成的。

　　Vue框架是Web前端工程師必要掌握技能之一，當(dāng)然想要拿高薪，不止是會(huì)面試題，還是需要系統(tǒng)的學(xué)習(xí)前端知識(shí)，這樣才能應(yīng)對(duì)職場(chǎng)中的各種問(wèn)題，想了解更多關(guān)于Web前端面試技巧，歡迎隨時(shí)來(lái)找我咨詢!

面試一個(gè)5年的前端，卻連原型鏈也搞不清楚，滿口都是Vue，React之類(lèi)的實(shí)現(xiàn)，這樣的人該用嗎？

面試時(shí)各種算法，原理，優(yōu)化，各種高大尚，進(jìn)去后就是curd。懂的舉手[捂臉]

關(guān)于前端面試？

我面試時(shí)通常會(huì)跟據(jù)面試者的工作年限，期望薪資水平，循序漸進(jìn)的問(wèn)技術(shù)性的問(wèn)題，再聊些學(xué)習(xí)方式方法，解決問(wèn)題的方式方法，面試者的關(guān)心的側(cè)重點(diǎn) ...通過(guò)這些就能了解到溝通能力，學(xué)習(xí)能力，技術(shù)能力...

vue是什么vue特點(diǎn)vue和其他前端框架區(qū)別？

Vue.js是什么？

Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。很多使用過(guò)vue的程序員這樣評(píng)價(jià)它，“vue.js兼具angular.js和react.js的優(yōu)點(diǎn)，并剔除了它們的缺點(diǎn)”

Vue.js有什么優(yōu)點(diǎn)呢？

1、Vue 更容易上手！目前Vue是排名第三的前端框架。正式因?yàn)樗?jiǎn)單易學(xué)，很多前端開(kāi)發(fā)工程師可以很快掌握并且應(yīng)用到實(shí)際開(kāi)發(fā)中。

2、Vue 的語(yǔ)法很自由

·前期不需要認(rèn)識(shí)復(fù)雜的生命周期函數(shù)，可能只關(guān)心 mounted 和 Vue.nextTick

·熟悉的前端模板

·父子組件間通信更靈活

·slot，可以大尺度地?cái)U(kuò)展組件（但也不要過(guò)度使用哦）

·v-model，mvvm 的方式處理表單更方便

老師，為什么我的better-scroll不生效？

Vue 更新數(shù)據(jù)時(shí)是異步的，所以在數(shù)據(jù)未加載完全之前，Bscroll無(wú)法獲取目標(biāo)內(nèi)容的高度，所以會(huì)導(dǎo)致無(wú)法滾動(dòng)的現(xiàn)象)為了解決上面的問(wèn)題，運(yùn)用Vue的nextTick()(簡(jiǎn)單說(shuō)，因?yàn)镈OM至少會(huì)在當(dāng)前tick里面的代碼全部執(zhí)行完畢再更新。所以不可能做到在修改數(shù)據(jù)后并且DOM更新后再執(zhí)行，要保證在DOM更新以后再執(zhí)行某一塊代碼，就必須把這塊代碼放到下一次事件循環(huán)里面，比如setTimeout(fn， 0)，這樣DOM更新后，就會(huì)立即執(zhí)行這塊代碼。)