千鋒教育web前端高頻面試題視頻教程,kerwin大話前端面試秘籍(附答案)

P14 014-Vue高頻面試題-2,筆記:vue-router中,params和query傳參區(qū)別中:如果params傳參錯(cuò)誤會導(dǎo)致路徑出錯(cuò),而query不會報(bào)錯(cuò),而是會認(rèn)為傳參錯(cuò)誤或傳參為空。
keep-alive是為了緩存組件,在頁面被切換的時(shí)候沒有銷毀這個(gè)頁面,而是給頁面進(jìn)行緩存。等下次再切換回來時(shí)還是之前組件的狀態(tài)。所以再次切換回來后就不會再調(diào)用mounted/created這些鉤子函數(shù),所以又引入了activated和deactivated。當(dāng)組件被激活時(shí),觸發(fā)鉤子函數(shù) activated,當(dāng)組件被移除時(shí),觸發(fā)鉤子函數(shù) deactivated。
v-for為什么加key:為了復(fù)用當(dāng)前組件(或節(jié)點(diǎn)),diff對比的時(shí)候同key值進(jìn)行對比,如果沒有變化就直接復(fù)用,所喲key值設(shè)置能夠提升性能
如何實(shí)現(xiàn)一個(gè)路徑渲染多個(gè)組件:在路由配置文件時(shí),在該路由配置中的components寫入多個(gè)路由組件的名字(<router-view name='路由名字'></router-view>),在路由匹配成功后會將多個(gè)組件都渲染出來。
多個(gè)路徑共享一個(gè)組件:在多個(gè)路徑處都寫上同一個(gè)組件名字。如在path:’ / ’和path:’ /Home ’,都進(jìn)入Home組件中。
標(biāo)簽: