国产高清日日夜夜操,久草综合在线婷婷色,国产久久久,久久99亚洲激情,色综合婷婷淫,夜夜久久精品国产,美女起爽视频,91亚洲色,久久青青草在线视频
Vue3 模擬卷1(擴充含答案練習(xí)版)
說明:本卷側(cè)重 Vue3 基礎(chǔ)、指令、響應(yīng)式、事件、表單與基礎(chǔ)程序題。客觀題答案已直接標注,問答題與程序題附參考答案。
一、選擇題(共12題)
1. Vue3 中用于創(chuàng)建基本類型響應(yīng)式數(shù)據(jù)的是()
A. reactive
B. ref
C. watch
D. emit
2. Vue3 中更適合創(chuàng)建對象類型響應(yīng)式數(shù)據(jù)的是()
A. reactive
B. refValue
C. computed
D. inject
3. 下列最適合處理派生結(jié)果的是()
A. watch
B. onMounted
C. computed
D. provide
4. v-model 的主要作用是()
A. 只綁定事件
B. 實現(xiàn)表單雙向綁定
C. 只綁定 class
D. 只渲染文本
5. 下列關(guān)于 v-if 和 v-show 的說法正確的是()
A. 兩者都會銷毀節(jié)點
B. 兩者都會只改樣式
C. v-show 更適合極少切換場景
D. v-if 控制創(chuàng)建與銷毀,v-show 控制顯示隱藏
6. v-for 中 key 的主要作用是()
A. 讓數(shù)據(jù)自動排序
B. 讓頁面自動分頁
C. 唯一標識節(jié)點,提升更新準確性
D. 替代 v-model
7. 關(guān)于 watch 的說法正確的是()
A. 適合處理副作用
B. 可以監(jiān)聽 ref
C. 自帶緩存結(jié)果
D. 可以配合 deep 監(jiān)聽深層變化
8. 關(guān)于 script setup 的說法正確的是()
A. 寫法更簡潔
B. 模板可直接使用頂層變量
C. 不能使用生命周期鉤子
D. 適合組合式 API
9. onMounted 的執(zhí)行時機是()
A. 組件銷毀后
B. 組件掛載完成后
C. 數(shù)據(jù)初始化前
D. 路由離開后
10. 自定義指令最適合處理的是()
A. DOM 底層操作
B. 路由跳轉(zhuǎn)
C. 狀態(tài)管理
D. 構(gòu)建配置
11. template ref 主要用于()
A. 聲明全局變量
B. 替代 props
C. 注冊路由
D. 獲取 DOM 或子組件實例引用
12. 關(guān)于 watchEffect 的說法正確的是()
A. 會自動收集依賴
B. 會立即執(zhí)行一次
C. 適合快速響應(yīng)副作用邏輯
D. 必須手動寫出全部依賴源
二、填空題(共12題)
13. 13. Vue3 中創(chuàng)建應(yīng)用實例的方法是 ______ 。
14. 14. 創(chuàng)建基本類型響應(yīng)式數(shù)據(jù)常用 ______ 。
15. 15. 創(chuàng)建對象類型響應(yīng)式數(shù)據(jù)常用 ______ 。
16. 16. 計算屬性使用 ______ 定義。
17. 17. 偵聽數(shù)據(jù)變化常用 ______ 。
18. 18. 自動收集依賴并立即執(zhí)行的 API 是 ______ 。
19. 19. 屬性綁定的簡寫是 ______ 。
20. 20. 事件綁定的簡寫是 ______ 。
21. 21. 表單雙向綁定指令是 ______ 。
22. 22. 組件掛載完成后常用的生命周期鉤子是 ______ 。
23. 23. 列表渲染指令是 ______ 。
24. 24. 獲取 DOM 引用常配合 ______ 使用。
三、判斷題(共12題)
25. computed 適合計算總價、平均值等派生結(jié)果。
對
錯
26. reactive 更適合處理對象和數(shù)組。
對
錯
27. v-model 只能用于 input。
對
錯
28. v-show 的本質(zhì)是切換 display。
對
錯
29. 使用 index 作為 key 在任何場景都完全沒問題。
對
錯
30. watch 可以監(jiān)聽多個數(shù)據(jù)源。
對
錯
31. watchEffect 不會自動執(zhí)行第一次。
對
錯
32. onMounted 常用于初始請求或拿 DOM。
對
錯
33. 自定義指令適合復(fù)用 DOM 操作邏輯。
對
錯
34. script setup 不能和組合式 API 一起使用。
對
錯
35. template ref 可以引用子組件實例。
對
錯
36. v-if 與 v-show 完全沒有區(qū)別。
對
錯
四、問答題(共9題)
37. 簡述 ref 和 reactive 的區(qū)別。
參考答案:ref 常用于基本類型,也可以包裝對象;reactive 主要用于對象和數(shù)組;ref 在 JS 中取值常用 .value,模板中會自動解包。
38. 簡述 computed 和 watch 的區(qū)別。
參考答案:computed 主要用于根據(jù)已有數(shù)據(jù)計算新值,并且有緩存;watch 主要用于監(jiān)聽數(shù)據(jù)變化并執(zhí)行副作用,例如請求、日志、聯(lián)動處理。
39. 簡述 v-if 和 v-show 的區(qū)別。
參考答案:v-if 是真正條件渲染,會創(chuàng)建或銷毀節(jié)點;v-show 不銷毀節(jié)點,只控制顯示與隱藏;頻繁切換一般更適合 v-show。
40. 為什么 v-for 要盡量配合穩(wěn)定的 key?
參考答案:因為 key 用于唯一標識節(jié)點,能幫助虛擬 DOM 更準確地復(fù)用、移動和更新元素,減少渲染錯誤,提高更新效率。
41. 簡述 v-bind 和 v-model 的區(qū)別。
參考答案:v-bind 是單向綁定,數(shù)據(jù)變化影響視圖;v-model 是雙向綁定,數(shù)據(jù)變化影響視圖,用戶輸入也會更新數(shù)據(jù)。
42. 自定義指令的作用是什么?
參考答案:自定義指令用于封裝并復(fù)用對 DOM 的底層操作邏輯,常見于自動聚焦、權(quán)限顯隱、拖拽和第三方 DOM 庫集成等場景。
43. onMounted 常見的使用場景有哪些?
參考答案:常用于組件初始請求數(shù)據(jù)、獲取 DOM、注冊定時器或第三方庫初始化。
44. script setup 的優(yōu)點是什么?
參考答案:寫法更簡潔,模板可直接使用頂層變量,減少樣板代碼,更適合組合式 API 的組織方式。
45. template ref 的作用是什么?
參考答案:template ref 用于在組件掛載后獲取 DOM 元素或子組件實例引用,便于執(zhí)行聚焦、測量、調(diào)用子組件方法等操作。
關(guān)閉
更多問卷
復(fù)制此問卷
白水县
|
营口市
|
铁岭市
|
长岛县
|
炉霍县
|
怀宁县
|
玛纳斯县
|
武邑县
|
余姚市
|
北票市
|
菏泽市
|
凤台县
|
扎鲁特旗
|
濉溪县
|
土默特左旗
|
久治县
|
江西省
|
宜兰市
|
广州市
|
沅陵县
|
金坛市
|
定西市
|
富源县
|
清远市
|
灵丘县
|
台南市
|
昭平县
|
彝良县
|
黄冈市
|
昭苏县
|
鲜城
|
新沂市
|
晋宁县
|
巫山县
|
华容县
|
元谋县
|
交城县
|
积石山
|
庆阳市
|
广汉市
|
香港
|