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ū)別和使用場景

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

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

父傳子通過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)