什麼是受控組件

答案：在Vue.js中可通過VueRouter的meta字段和導航守衛動態設置頁面標題。 1.為每個路由定義meta.title，在router.afterEach中更新document.title；2.若標題依賴異步數據，可在組件內獲取後更新；3.Vue3可創建usePageTitle組合式函數復用邏輯；4.對SEO敏感場景應使用@vueuse/head等庫支持SSR。

在VueRouter中使用路由參數的核心是通過動態片段捕獲URL值。 1.定義帶參數的路由時，在路徑中使用冒號:表示動態參數，如/user/:id；2.在組件中可通過$route.params獲取參數，Vue3中可用useRoute；3.可選參數加?，通配符用*捕獲未匹配路徑；4.跳轉可使用router-link或編程式導航並顯式傳遞params。

在Vue2中，直接賦值無法觸發響應式更新，而Vue.set或this.$set能確保新增屬性或數組項被正確偵測並更新視圖；2.Vue3使用Proxy實現了全面的響應式監聽，支持動態添加屬性和數組索引修改，因此直接賦值即可觸發更新，無需使用$set；3.儘管$set在Vue3中仍存在以兼容舊代碼，但已被棄用，推薦優先使用直接賦值或替換整個對象/數組的方式以保證響應性，該方案在兩個版本中均有效。

在Vue3中，原生DOM事件默認直接綁定到組件根元素，無需.native修飾符；若組件為單根元素，可直接使用@event監聽，如@click；對於多根節點或需顯式控制時，應通過$emit或defineEmits定義並觸發自定義事件，以保持跨版本兼容性與清晰的事件接口。

在Vue3的CompositionAPI中，生命週期鉤子通過onX函數使用，答案是：1.導入onMounted、onUpdated、onUnmounted等函數並在setup()中調用；2.setup()替代created，無需單獨定義；3.可在組合式函數中封裝生命週期邏輯以實現復用；4.鉤子必須同步調用且可多次註冊；5.常見用途包括掛載時獲取數據和卸載時清理資源，從而提升代碼組織性和可維護性。

Placestaticassetslikeimagesandfontsinthepublicdirectoryfordirectaccessorinsrc/assetsforbundledprocessing.2.ImportimagesincomponentsusingscriptsetupforautomaticURLresolution.3.Definecustomfontsvia@font-faceinCSSwithaliasedpaths,ensuringViteresolvesthe

使用VueCLI或Vite均可快速搭建Vue.js項目。 2.VueCLI基於webpack，功能豐富，適合需要深度插件集成的項目。 3.Vite啟動更快，支持熱更新，推薦用於新項目。 4.多數新項目選擇Vite，因其性能優越且配置簡潔。

在Vue3中創建自定義v-model需定義modelValue屬性並emitupdate:modelValue事件；2.可通過v-model:title指定自定義prop名稱；3.Vue2默認使用value和input事件，但可通過model選項改為modelValue和update:modelValue以兼容Vue3；4.始終在Vue3中聲明emits以確保清晰性和驗證；5.避免直接修改prop，應通過事件觸發更新，從而使組件像原生輸入一樣支持雙向綁定。