Vue 在2021年的面試題已經(jīng)成為了各大公司對招聘前端工程師的必考技能之一。如果你也想在面試中脫穎而出，那么就需要提前了解整個Vue框架的基本知識點和常見問題。

下面，我們就一起來看看常見的Vue面試題，相信對于你來說會有很大的幫助。

1. Vue中的路由是什么？如何配置路由？

路由定義：
const router = new VueRouter({
 routes:[
{
path: '/foo',
component: Foo
},
{
path: '/bar',
component: Bar
}
 ]
})

2. Vue組件之間的傳值方式有哪些？請列舉并說明。

① props：父組件向子組件傳值（單向數(shù)據(jù)流）；
② emit：子組件向父組件傳值；
③ $emit和$on：非父子組件（兄弟組件）傳值；
④ vuex：使用vuex的狀態(tài)管理來實現(xiàn)組件之間數(shù)據(jù)傳遞。

3. Vue的生命周期鉤子有哪些？

Vue實例有8個生命周期鉤子，按照先后執(zhí)行順序如下：
① beforeCreate：實例創(chuàng)建之前，此時data和methods等功能還不能使用；
② created：實例已經(jīng)創(chuàng)建完成，此時已經(jīng)可以使用到data、methods等；
③ beforeMount：模板編譯之前，此時DOM節(jié)點還沒有被渲染；
④ mounted：DOM節(jié)點已經(jīng)渲染出來，此時可以操作DOM節(jié)點；
⑤ beforeUpdate：數(shù)據(jù)更新之前，此時頁面還未重新渲染；
⑥ updated：頁面完成更新渲染，此時已經(jīng)可以使用更改后合并的data；
⑦ beforeDestroy：實例銷毀之前，此時還可以獲取到實例；
⑧ destroyed：實例已經(jīng)銷毀完成，此時不能再使用實例。

4. Vue中的計算屬性有什么作用？

計算屬性是Vue中一種數(shù)據(jù)變化處理的方式。可以自定義計算某個值并返回，當計算依賴的數(shù)據(jù)發(fā)生變化時，計算屬性才會重新調(diào)用。

5. Vue組件中的data為什么需要返回一個函數(shù)？

如果直接返回一個對象，那么當多個組件都使用同一個data時，會造成數(shù)據(jù)沖突。而返回一個函數(shù)，每個組件都會創(chuàng)建一個新的data實例，避免了數(shù)據(jù)沖突。

以上就是Vue面試中的一些常見問題，如果你對這些問題掌握得比較深入，相信可以在面試中表現(xiàn)出色哦！