請(qǐng)?jiān)徫移鹆诉@么個(gè)濃濃營(yíng)銷號(hào)味道的標(biāo)題。但這可絲毫沒有夸大宣傳，而是前端娛樂圈今日份的瓜——

有十道關(guān)于 Vue 的選擇題，在群里引出了一眾社區(qū)知名人士競(jìng)折腰，最后釣出了@尤雨溪 本人親自挑戰(zhàn)……

然后他自己也做錯(cuò)了（其中的某兩道）。

魯迅會(huì)做錯(cuò)魯迅文選的閱讀理解？有截圖為證： 

所以，只要答對(duì)這十道題里的九道以上，你就實(shí)打?qū)嵉兀ㄔ谧鲱}這個(gè)維度上）超越了尤大，比他更懂 Vue 了噢！是不是很心動(dòng)？

其實(shí)要求都不用這么高，只要做對(duì)六七道，就已經(jīng)可以吊打一群小有名氣的社區(qū)選手了。

所以到底都是些什么問題呢？你可以點(diǎn)擊 [原題傳送門] 前往觀光，但為了表示敬意，這里特地手打了一遍搬運(yùn)過來：

1. Vue 實(shí)例的 data 屬性，可以在哪些生命周期中獲取到？
A. beforeCreate
B. created
C. beforeMount
D. mounted

2. 下列對(duì) Vue 原理的敘述，哪些是正確的？
A. Vue 中的數(shù)組變更通知，通過攔截?cái)?shù)組操作方法而實(shí)現(xiàn)
B. 編譯器目標(biāo)是創(chuàng)建渲染函數(shù)，渲染函數(shù)執(zhí)行后將得到 VNode 樹
C. 組件內(nèi) data 發(fā)生變化時(shí)會(huì)通知其對(duì)應(yīng) watcher，執(zhí)行異步更新
D. patching 算法首先進(jìn)行同層級(jí)比較，可能執(zhí)行的操作是節(jié)點(diǎn)的增加、刪除和更新

3. 對(duì)于 Vue 中響應(yīng)式數(shù)據(jù)原理的說法，下列哪項(xiàng)是不正確的？
A. 采用數(shù)據(jù)劫持方式，即 Object.defineProperty() 劫持 data 中各屬性，實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)
B. 視圖中的變化會(huì)通過 watcher 更新 data 中的數(shù)據(jù)
C. 若 data 中某屬性多次發(fā)生變化，watcher 僅會(huì)進(jìn)入更新隊(duì)列一次
D. 通過編譯過程進(jìn)行依賴收集

4. 下列說法不正確的是哪項(xiàng)？
A. key 的作用主要是為了高效地更新虛擬 DOM
B. 若指定了組件的 template 選項(xiàng)，render 函數(shù)不會(huì)執(zhí)行
C. 使用 vm.$nextTick 可以確保獲得 DOM 異步更新的結(jié)果
D. 若沒有 el 選項(xiàng)，vm.$mount(dom) 可將 Vue 實(shí)例掛載于指定元素上

5. 下列關(guān)于 Vuex 的描述，不正確的是哪項(xiàng)？
A. Vuex 通過 Vue 實(shí)現(xiàn)響應(yīng)式狀態(tài)，因此只能用于 Vue
B. Vuex 是一個(gè)狀態(tài)管理模式
C. Vuex 主要用于多視圖間狀態(tài)全局共享與管理
D. 在 Vuex 中改變狀態(tài)，可以通過 mutations 和 actions

6. 關(guān)于 Vue 組件間的參數(shù)傳遞，下列哪項(xiàng)是不正確的？
A. 若子組件給父組件傳值，可使用 $emit 方法
B. 祖孫組件之間可以使用 provide 和 inject 方式跨層級(jí)相互傳值
C. 若子組件使用 $emit('say') 派發(fā)事件，父組件可使用 @say 監(jiān)聽
D. 若父組件給子組件傳值，子組件可通過 props 接受數(shù)據(jù)

7. 下列關(guān)于 vue-router 的描述，不正確的是哪項(xiàng)？
A. vue-router 的常用模式有 hash 和 history 兩種
B. 可通過 addRoutes 方法動(dòng)態(tài)添加路由
C. 可通過 beforeEnter 對(duì)單個(gè)組件進(jìn)行路由守衛(wèi)
D. vue-router 借助 Vue 實(shí)現(xiàn)響應(yīng)式的路由，因此只能用于 Vue

8. 下列說法不正確的是哪項(xiàng)？
A. 可通過 this.$parent 查找當(dāng)前組件的父組件
B. 可使用 this.$refs 查找命名子組件
C. 可使用 this.$children 按順序查找當(dāng)前組件的直接子組件
D. 可使用 $root 查找根組件，并可配合 children 遍歷全部組件

9. 下列關(guān)于 v-model 的說法，哪項(xiàng)是不正確的？
A. v-model 能實(shí)現(xiàn)雙向綁定
B. v-model 本質(zhì)上是語(yǔ)法糖，它負(fù)責(zé)監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)
C. v-model 是內(nèi)置指令，不能用在自定義組件上
D. 對(duì) input 使用 v-model，實(shí)際上是指定其 :value 和 :input

10. 關(guān)于 Vue 的生命周期，下列哪項(xiàng)是不正確的？
A. DOM 渲染在 mounted 中就已經(jīng)完成了
B. Vue 實(shí)例從創(chuàng)建到銷毀的過程，就是生命周期
C. created 表示完成數(shù)據(jù)觀測(cè)、屬性和方法的運(yùn)算和初始化事件，此時(shí) $el 屬性還未顯示出來
D. 頁(yè)面首次加載過程中，會(huì)依次觸發(fā) beforeCreate，created，beforeMount，mounted，beforeUpdate，updated

明碼標(biāo)價(jià)，童叟無欺！做對(duì)九題即可成為前端懂王，比 Evan 懂，更比他們懂：

• TC39 代表@賀師俊 50 分，他是不是走后門送禮進(jìn)的 TC39 啊？
• Vue Core Team 的@胖茶 40 分，可能說明帶他的 mentor 不懂 Vue？不過他第二次做就拿了 90 分……這很贅婿逆襲啊。
• 搞 react-lite 和 react-imvc 的@工業(yè)聚 做了兩次，第一次 50 分第二次 30 分。怪不得他最近這么低調(diào)，看來是越來越做不動(dòng)題了。
• 久仰的白學(xué)家程序媛@敖天羽 第一次拿了 60 分，然后鍥而不舍（沒有靈魂）地刷到了 100 分。這種精益求精的態(tài)度值得贊賞。
• 我（純屬厚臉皮湊數(shù)）60 分。

好在拜天哥所賜，我們還是刷出了「權(quán)威的」參考答案，請(qǐng)查收：

1. BCD
2. ABCD
3. BD
4. B
5. C
6. B
7. C
8. C
9. C
10. D

對(duì)照參考答案，尤大還進(jìn)行了認(rèn)真的復(fù)盤反省，查缺補(bǔ)漏： 

 唉，身為 Vue 的作者，居然連 Vue 的原理都沒有搞清楚，實(shí)在太不應(yīng)該了。應(yīng)該讓出題人好好教育一下他，幫他分析一下 Vue 的源碼，教他怎么通過筆試面試，趁現(xiàn)在金九銀十找份 P6 的好工作。工作以后也要記得充電，沒事多關(guān)注一下掘金，學(xué)一學(xué) Vue 3.0 的視頻教程（狗頭）。

所以按照今天的掘金體，本文完全可以起這么個(gè)標(biāo)題：《一步登天！答對(duì)這十道 Vue 題，你就能超越尤雨溪，傲視前端群雄！》

—— 但這不是很荒唐嗎？

如果一個(gè)人某道題沒答對(duì)，就能證明他不懂 Vue 了嗎？

看看這些題，它們能準(zhǔn)確反映答題者的水平嗎？使用它們作為考察依據(jù)時(shí)，這兩種情況都再常見不過了：

• 假陽(yáng)性 - 只會(huì)背題庫(kù)的做題家也能混到好 offer。
• 假陰性 - 公認(rèn)的資深人士無法體現(xiàn)出優(yōu)勢(shì)。

這里不會(huì)去展開討論具體哪題應(yīng)該選什么，因?yàn)檫@早已不是這幾道題的問題，而是國(guó)內(nèi)整個(gè)「造火箭、擰螺絲」式面試文化的問題了。我曾經(jīng)寫過一個(gè)回答， 逐條判定為什么 Dan Abramov 配不上阿里 P7 。你看身為 Redux 作者的 Dan 就很樂意告訴你：「 我其實(shí)不懂很多東西，這沒有什么關(guān)系 」。而今天的例子里，我們則收集到了更多國(guó)內(nèi)一線的業(yè)界玩家們坦誠(chéng)地告訴你：「 這些題我也不會(huì)，這沒有什么關(guān)系 」——畢竟他們的核心競(jìng)爭(zhēng)力，可都不是做題呀。

并不是否認(rèn)這些題目對(duì)初學(xué)者有一定的幫助作用。然而實(shí)際上，越是高級(jí)和資深的崗位，需要的越不是做題，而是對(duì)開放性（技術(shù)與非技術(shù)）問題的 Problem Solving 技能：

• 應(yīng)該怎樣在框架設(shè)計(jì)上有所突破？
• 應(yīng)該怎樣在幾個(gè)性能指標(biāo)間取舍平衡？
• 應(yīng)該怎樣靠自己的開源項(xiàng)目盈利？
• 應(yīng)該怎樣帶領(lǐng)團(tuán)隊(duì)設(shè)定計(jì)劃，完成目標(biāo)？

你當(dāng)然可以逃避這些「靈魂的拷問」，一直靠研究（或制造）那些已經(jīng)被翻來覆去解答過無數(shù)遍的題來「磨練水平」。但無可否認(rèn)的是，正是靠一群不停迎接真實(shí)世界挑戰(zhàn)，持續(xù)解決開放問題的人們，才創(chuàng)造了今天業(yè)界繁榮生態(tài)的輝煌。

做題對(duì)于鍛煉思維當(dāng)然重要，但它終歸只是個(gè)跳板，不要把應(yīng)試教育的思維套用在職業(yè)生涯上。比做題更有價(jià)值的，最終一定還是去做事——

去業(yè)界前沿，去落地靈感！

去參與社區(qū)，去貢獻(xiàn)代碼！

去解決問題，去把手弄臟！

相比之下，十道咬文嚼字的題里對(duì)了幾道錯(cuò)了幾道，又有什么關(guān)系呢？

做題不至于誤國(guó)，但一定是實(shí)干才能興邦。

文中幾位參與者的分?jǐn)?shù)，公開前均征求過本人同意。希望不要因此誤解他們的真實(shí)水平 :D