1:說明一下使用vue對(duì)項(xiàng)目開發(fā)的好處

vue框架采用了漸進(jìn)式開發(fā)的原理，就是你項(xiàng)目需要什么，就導(dǎo)入什么，可以用在大項(xiàng)目上，在個(gè)人項(xiàng)目上也有很好的體驗(yàn)。組件化開發(fā)，使界面復(fù)用性得到提高，spa技術(shù)，只有一個(gè)html界面，變化效果通過路由組件的切換產(chǎn)生，不會(huì)導(dǎo)致界面的刷新。雙向綁定技術(shù)，使我們可以將代碼集中在邏輯上，而不是dom節(jié)點(diǎn)的操作上，提高了性能

2:講解一下mvvm模式的基本了解

mvvm是一種設(shè)計(jì)模式，講究的是由數(shù)據(jù)和界面變化的雙向綁定，其中m代表model數(shù)據(jù) v代表視圖 vm viewmodel代表數(shù)據(jù)和視圖之間的中間邏輯操作

3:數(shù)據(jù)雙向綁定的基本原理

首先，我們通過observe中的defineProperty方法為每一個(gè)data添加set和get方法，每一個(gè)data創(chuàng)建一個(gè)dep發(fā)布者，里面存放所有的訂閱者watcher（存放著使用該data的節(jié)點(diǎn)信息，每一個(gè)使用到data的元素節(jié)點(diǎn)都是一個(gè)watcher）。當(dāng)界面的set屬性被調(diào)用的時(shí)候，我們通過dep輪訓(xùn)的去調(diào)用其中所有的訂閱者watcher，從而達(dá)到雙向綁定的過程

4:虛擬dom是什么,為什么要引入虛擬dom

虛擬dom就是在真實(shí)dom之前通過js代碼模擬出來的一個(gè)虛擬dom樹結(jié)構(gòu)，每當(dāng)set調(diào)用時(shí)，我們不在直接去操作真實(shí)的dom結(jié)構(gòu)，而是通過新虛擬dom和舊虛擬dom樹之間進(jìn)行比較后，得到最優(yōu)化的方法，最后在得到真實(shí)dom去渲染界面

5:diff算法的基本過程,為什么需要在節(jié)點(diǎn)上添加key的操作

diff算法首先會(huì)判斷節(jié)點(diǎn)的key和節(jié)點(diǎn)類型是否相同，如果不同，則直接

6:講解一下computed和watch的區(qū)別

computed是計(jì)算屬性，一定要return，并且沒有參數(shù)傳遞，watch有參數(shù)傳遞，并且不用return 渲染順序

7:vue有哪幾個(gè)生命周期,不同的生命周期最適合分別適合做哪些操作

創(chuàng)建前后，掛載前后，銷毀前后。創(chuàng)建data 掛載dom操作

8:初次渲染界面觸發(fā)的生命周期有哪些,如果引入update會(huì)產(chǎn)生什么變化

創(chuàng)建前后，掛載前后，引入update會(huì)添加updated和unupdated。退出界面并不會(huì)進(jìn)行destory操作

9:$nextTick的作用

微任務(wù)，在所有同步動(dòng)作做完之后進(jìn)行的操作

10:如何獲取路由傳過來的值

this.$route.params,路由有query和params

11:路由有哪幾種導(dǎo)航鉤子

全局導(dǎo)航鉤子，組件導(dǎo)航鉤子

12;路由導(dǎo)航的兩種模式,他們倆的區(qū)別

hash和history，底層不同，#問題，存在請(qǐng)求不同

13:vuex有哪幾種屬性,分別是用來干什么的

mount getter modules action

14:.native的作用

.native 可以在父組件使用子組件的情況下，自定義的創(chuàng)造出一個(gè)事件，不被子組件當(dāng)成自定義事件

15:事件冒泡的過程,在vue中如何防止事件冒泡

在父節(jié)點(diǎn)和子節(jié)點(diǎn)擁有同一個(gè)動(dòng)作事件時(shí)，當(dāng)子組件觸發(fā)一個(gè)事件，該事件會(huì)像跑跑一樣向上傳遞，使得父節(jié)點(diǎn)也會(huì)觸發(fā)該事件的回調(diào)函數(shù)，我們?cè)趘ue中可以通過.stop的方式進(jìn)行防止事件冒泡

16:路由組件和普通組件的區(qū)別和使用場(chǎng)景

路由組件是指能夠通過路由跳轉(zhuǎn)的組件，一般路由組件里面包裹著普通組件，普通組件的使用通過定義components的方式進(jìn)行獲取

17:父子組件之間的通信問題

父?jìng)髯油ㄟ^props進(jìn)行參數(shù)的傳遞，子傳父通過emit和自定義動(dòng)作的方式進(jìn)行數(shù)據(jù)的傳遞

18:為什么v-for里面一般不嵌套v-if v-for和v-if的優(yōu)先級(jí)

在vue2中，v-for的優(yōu)先級(jí)大于v-if，所以會(huì)將組件全部渲染出來，然后再交給if進(jìn)行判斷是否要?jiǎng)h除，這樣子大大浪費(fèi)了性能

19：vue組件的渲染步驟，compiler和render渲染的區(qū)別

在compiler渲染的過程中，會(huì)先將template轉(zhuǎn)換成抽象語法樹，在被編譯成render函數(shù)，由這個(gè)函數(shù)構(gòu)建出一個(gè)虛擬dom，由新老虛擬dom通過diff算法進(jìn)行對(duì)比，找出最優(yōu)化的變化方式去渲染整個(gè)界面。而render函數(shù)shenglue了前兩個(gè)步驟，直接從render函數(shù)開始進(jìn)行界面的渲染。之所以能跳過是因?yàn)閞ender渲染添加了vue-template-complier插件。每當(dāng)data的屬性觸發(fā)了set操作，則會(huì)進(jìn)行render的重新渲染

20：ssr的概念

ssr就是服務(wù)器渲染，界面的形成由服務(wù)器那邊進(jìn)行操作，由前端進(jìn)行渲染，是與vue渲染界面一種完全不同的方式

21：前端渲染的優(yōu)化

盡量減少http請(qǐng)求的發(fā)出采用精靈圖和節(jié)流防抖。組件的懶加載使用=》，還有better-sroller中上滑刷新，下滑加載的概念，不將數(shù)據(jù)一次全部渲染出來，js文件放在最后面，先加載靜態(tài)界面。vue keep-active的使用，防止組件的多次重復(fù)創(chuàng)建，保證key的唯一性，盡量減少data中的數(shù)據(jù)

22：v-if和v-show的區(qū)別

v-show是調(diào)用了display：none來進(jìn)行元素的顯示或者隱藏，而v-if是操作dom節(jié)點(diǎn)的消失或者產(chǎn)生來進(jìn)行變化

23：ref是什么，有什么作用

標(biāo)記dom節(jié)點(diǎn)