vue常見面試題

2021-10-03 09:57:09 字數 2005 閱讀 6093

1、vue 雙向繫結原理?

vue資料雙向繫結是通過資料

劫持結合發布者訂閱者模式的方式來來實現的。利用了objece.defineproperty()這個方法重新定義了物件獲取屬性值(get)和設定屬性值(set)

2、說說vue react angularjs jquery的區別?

jquery 與另外兩者的最大區別是 jquery是事件驅動 其他兩者是資料驅動。

jquery 業務邏輯和ui更改該混在一起,ui裡面還參雜這加護邏輯,讓本來混亂的邏輯更加混亂。angular,vue是雙向繫結 。而react不是 其他還有設計理念上的區別等。

3、active-class 是那個元件的屬性?巢狀路由怎麼定義?

vue-router模組的router-link元件

4、vue優點?

輕量級框架:只關注是塗層,是乙個構建資料的檢視集合

比較簡單易學:國人開發,中文文件,不存在語言障礙,易於理解和學習

雙向資料繫結:保留了angular的特點,咋資料操作方面更為簡單

元件化:保留了react的優點,實現了html的封裝和重用,在構建檢視,資料,結構分離,使資料的更改更為簡單,不需要進行邏輯就能完成相關操作

虛擬dom:dom操作是非常耗費效能的,不再使用原生的dom操作節點,極大解放dom操作。

執行速度更快,性比較與react而言。同樣是操作虛擬dom,就效能而言,vue粗恩在很大的優勢

5、vue父元件向子元件傳遞資料?

答:通過props

6、子元件向父元件傳遞事件?

答:e mi

t方法7

、v−s

how和

v−if

指令的共

同點和不

通電?答

:共同點

。都能孔

氏元素的

顯示和隱

藏不同點

:實現本

質方法不

同,v−

show

本質就是

通過控制

css中

的dis

play

設定為n

one,

控制隱藏

v−if

是向do

m樹內添

加或者刪

除dom

元素,若

初始值我

為fal

se,就

不會編譯

了8、如

何獲得d

om?答

:ref

="do

mnam

e"用法

:thi

s.

emit方法 7、v-show和v-if指令的共同點和不通電? 答:共同點。都能孔氏元素的顯示和隱藏 不同點:實現本質方法不同,v-show本質就是通過控制css中的display設定為none,控制隱藏 v-if是向dom樹內新增或者刪除dom元素,若初始值我為false,就不會編譯了 8、如何獲得dom ? 答:ref = "domname" 用法:this.

emit方法

7、v−

show

和v−i

f指令的

共同點和

不通電?

答:共同

點。都能

孔氏元素

的顯示和

隱藏不同

點:實現

本質方法

不同,v

−sho

w本質就

是通過控

制css

中的di

spla

y設定為

none

,控制隱

藏v−i

f是向d

om樹內

新增或者

刪除do

m元素,

若初始值

我為fa

lse,

就不會編

譯了8、

如何獲得

dom?

答:re

f="d

omna

me"用

法:this.

vue常見面試題

1 什麼是mvc和mvvm mvc分為三塊 model view 和controller mvvm分為三塊 model view 和view model 在vue中怎麼實現資料的雙向繫結,使用watch觀察者模式監聽物件資料的改變觸發頁面渲染 object.defineprorotype 什麼是物件...

Vue常見面試題總結

1.vue優點?2.v show 和 v if指令的共同點和不同點?共同點 都能控制元素的顯示和隱藏 不同點 實現本質方法不同,總結 如果要頻繁切換某節點,使用 v show 切換開銷比較小,初始開銷較大 如果不需要頻繁切換某節點使用 v if 初始渲染開銷較小,切換開銷比較大 3.如何讓css只在...

常見面試題

1.get和post的區別 1 本質區別 get是向伺服器請求資料,post是向伺服器傳送資料。2 伺服器獲取值的方式 get方式提交的資料,伺服器端使用request.querystring獲取變數的值。post方式提交的資料,伺服器端使用request.form獲取資料。3 安全性 get安全效...