這篇文章是針對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.push
vue單頁面應用的優缺點?
優點: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是一套漸進...