Vuejs 線上問答題

只要你的考試成績好，就可以得到入門票一張

在法國，應徵前端工程師的職位通常需要下列幾個程序：
第一關：人資的電話面試，在電話裡需要大約介紹一下自己的背景，以及自己的工作經歷，接著就是對方的發問，為什麼想應徵這份工作，或是對公司有疑惑也可提問等等。
第二關：技術執行長的電話面試，會詢問較多細節，對技術的看法，與團隊合作的細節，介紹公司負責部門的規模和人員、工作分配，當然我們也可以發問。
第二關：技術測驗，這有可能是面對面的測驗，寫白板、寫函式、線上測驗都有，但有時也很有可能寄給你連結，請線上直接作答。
第四關：直接來公司，最後一次面試，有可能是將來的主管和同事一起面試你。

以下是網路上的一些技術問題，平常多做做，也可測驗自己對某一主題的熟悉度。
自己翻譯了一下這些題目，用法文讀起來有時還是卡卡的，翻譯成中文希望還算順暢，感謝 Chris 的中文題目修正。
我會先把正確答案放在最底下，可以先試著作答在看答案喔。

Quiz Vue.js 基礎

是誰創造了VueJs ?

Robert Vue
Evan You
Mark Zuckerberg
Nicolas Cage

定義 Vue Component 的3個部分是什麼？

script, template, methods
template, style, script
script, template, css

我們如何將資料從父層 Component 傳遞到子層 Component ？

透過鏈接屬性
透過 callback
透過屬性 data-
透過 prop

我們能否不靠 Babel 編譯的情況，單獨使用 Vue (script src)？

可
不可
使用 jQuery 的情況下

用動態傳值語法，將kiwi給prop的寫法？

v-bind:kiwi=”kiwi”
v-key:kiwi=”kiwi”
v-model=”kiwi”

Vue 的哪個套件可以在所有 component 之間共享資料？

ShareData
Vuex
DataLoader
DataStore

使用v-for 建立 loop 時，必要的屬性是什麼？

v-id
v-key
v-loop
v-while

哪一個語法可以 route 到另一個 vue component？

this.$router.push(url)
this.$router.go(url)
this.$router.change(url)

我們如何在資料的變化的同時觸發一個動作？

使用 MutationObserver
在 methods 使用 setInterval
使用 watch

哪一個 directive (vue 的指令，ex: v-for, v-model) 將輸入欄位和 component 的 data 關聯在一起？

v-model
v-bind
v-store
v-input

Quiz Vue.js 中等程度

哪個 method 可以確保 dom 已完成更新才執行？

Vue.sync
Vue.nextTick
Vue.refresh
Vue.await

如何使用Vue方法（ component 的功能）訪問本機DOM的元素？

透過 v-node et un callback
透過 id 屬性與 document.getElementById
透過 v-ref

我們如何從由“document /：id”路由解釋的URL獲取“id”參數？

this.$route.params.id
this.$route.vars[‘id’]
this.$route.query.id
this.$route.document.id

哪些指令不應混在同一元素或 component 上？

v-if et v-bind
v-text et v-on
v-show et v-model
v-for et v-if

將事件發送到不相關 Component 的技術是什麼？

Event Dispatch
Event Bus
Global Events
透過 store

哪個特殊變量包含v-on捕獲的本機事件？

$event
nativeEvent
e
e.native

Vuex存儲上的哪些操作是異步的？

getter
mutation
action

這些 component 掛鉤的正確執行順序是什麼？

created, beforeMount, mounted, updated
mounted, beforeCreate, created, destroyed
created, beforeUpdate, update, mounted

為什麼 component 的data屬性應該是返回新對象的函數？

在處理大型表格時，為了讓效能更好
強制複製並避免 component 之間資料衝突
為避免內存洩漏

通過v-show“隱藏”圖像時，瀏覽器是否會加載圖像？

是
不是
Seulement si c’est un gif animé de Jean-Claude Van Damme

Quiz Vue.js 深度問題

我們如何將事件廣播到不相關的多個 component ？

Vue.broadcast
使用 Event Bus
Vue.$globalEmit

使"computed"可修改的技術是什麼？

切成兩個方法集並使用 set 和 get
將其與v-sync指令做關聯
必須將其放置在 component 的”data”屬性中

哪條指令允許您將樣式範圍限制為 component 本身

將scoped屬性放在styles中
指令 v-scope
將屬性設定為scoping:true

如果事件來自 component 本身，我們可以在v-on指令上使用什麼修飾符來觸發？

v-on:click.once
v-on:click.self
v-on:click.this

哪條語句使 component 及其不活動的資料保持高速緩存？

<keep-alive>
<template cache>
<slot>

哪條指令可用於創建內容位置，以用一個或多個其他 component 甚至HTML代碼填充 component ？

v-inject
v-slot
v-inside
v-html

哪條指令可以使“反應性”的 component 資料成為可能，而不是事先沒有？

Vue.react
Vue.initData
Vue.mount
Vue.set

我們如何按需生成名稱為“component”的 component 存儲在變量中？

<render template="composant">
<component render="composant()">
<component :is="composant">

如何在 component 之間共享通用代碼段？（資料，掛鉤，方法）

透過繼承
透過 extends
透過 mixin

如何強制刷新 component ？

透過 this.$update();
透過 :key 指示變數的變化
透過 this.$router.push(‘#’) juste après un appel à this.nextTick

出處：https://www.alsacreations.com/

答案

. .
. .
. .
. .
. .
. .
. .
. .
. .
. .
. .
. .
. .
. .