超實用!!Vue面試題合集

2021-10-04 18:40:14 字數 1744 閱讀 1351

這篇文章是針對vue的面試題整理,答案是從官網或者大神的回答結合自己理解得出的。

如果有什麼不對或者需要**的地方,可以儘管私聊哦!!!

希望大家都可以找到乙份合適的工作,也希望我的文章可以幫助到你!

m(model資料模型 )- v(view檢視)- vm(viewmodel檢視模型)

在mvvm架構下,view和model沒有直接聯絡,通過viewmodel進行互動。viewmodel通過資料雙向繫結將view和model層連線起來。

通過object.defineproperty( )對屬性設定乙個set函式,當資料改變了就會來觸發這個函式,所以我們只要將一些需要更新的方法放在這裡面就可以實現data更新view了。

建立前beforecreate:

初始化例項,還未進行資料監測,未獲得dom節點。

建立後created

例項建立之後完成資料初始化匯入依賴。

載入前beforemount

例項已完成以下的配置:編譯模板,把data裡面的資料和模板生成html。注意此時還沒有掛載html到頁面上。

載入後mounted

完成掛載和渲染。這時向後端發請求,拿資料。

更新前beforeupdate

在資料更新之前呼叫,發生在虛擬dom重新渲染和打補丁之前。

作資料,會導致死迴圈

銷毀前beforedestroy

在例項銷毀之前呼叫。例項仍然完全可用。可以做一些刪除提示

銷毀後destroyed

在例項銷毀之後呼叫。所有的事件***會被移除,所有的子例項也會被銷毀。該鉤子在伺服器端渲染期間不被呼叫。

程式設計式:this.$router.pushvue單頁面應用的優缺點?

優點:1、不需要反覆重新整理,使用者體驗好

2、前後端分離

3、元件可復用、開發便捷、易維護

缺點:1、不利於seo

2、首屏載入慢

3、頁面複雜度提高

vue單頁面應用spa效能如何優化?

1、路由懶載入

當路由被訪問時,才載入對應的元件。

routes:

[ path:

'blogs'

, name:

'showblogs'

, component:()

=>

import

('./components/showblogs.vue'

)]

const component:resolve=

>

require

('需要載入的路由位址',resolve)

2、cdn

vue專案會引入很多第三方庫,使用cdn會提公升載入速度。

3、利用服務端渲染(ssr)和預渲染(prerender)來優化載入效能

vue面試題 vue原理

1.元件化和mvvm 2.響應式原理 3.vdom 和 diff 演算法 4.模板編譯 5.元件渲染過程 6.前端路由 元件化基礎 1.很久以前 的元件化 asp jsp php 已經有元件化 nodejs 中已有類似元件化 2.資料驅動檢視 vue mvvm 3.資料驅動檢視 react sets...

vue面試題目

1,vue元件通訊 1 父子元件之間的通訊 父 子 子元件中props引數,父元件中引入子元件,在子元件上面繫結所需的值 eg 子元件中 父元件中 子 父 emit v on方法,子元件中,繫結方法a,通過 emit觸發父元件中的方法,順便傳參到父元件 eg 子元件中 showsearchmodal...

Vue之面試題

1 說下vue資料雙向繫結的原理 2 說說vuex的作用以及應用場景 3 說說vue元件的資料通訊方式 4 vue的原始碼有看過嗎?說說vuex工作原理 5 為什麼說虛擬 dom會提高效能,解釋一下它的工作原理 6 請你詳細介紹一些 package.json 裡面的配置 7 為什麼說vue是一套漸進...