vue中路由跳轉(zhuǎn)的時(shí)候地址欄不變-Vue.js面試寶典

vue中路由跳轉(zhuǎn)的時(shí)候地址欄不變_Vue.js?試寶典轉(zhuǎn)眼?到了每年就業(yè)的黃?時(shí)期，各位想要跳槽，想找?作的?伙伴已經(jīng)開(kāi)始復(fù)習(xí)各種?試時(shí)需要知識(shí)了。今天就給?家總結(jié)?下Vue??的?試題。?、什么是MVVM？MVVM是Model-View-ViewModel的縮寫(xiě)。MVVM是?種設(shè)計(jì)思想。Model層代表數(shù)據(jù)模型，也可以在Model中定義數(shù)據(jù)修改和操作的業(yè)務(wù)邏輯；ViewUI組件，它負(fù)責(zé)將數(shù)據(jù)模型轉(zhuǎn)化成UI展現(xiàn)出來(lái)，ViewModel是?個(gè)同步ViewModel的對(duì)象(橋梁)。因ftView數(shù)據(jù)的變化會(huì)同步到Model中，?Model數(shù)據(jù)的變化也會(huì)?即反應(yīng)到View上。中Controller演變成mvvm中的viewModel。mvvm主要解決了mvc中?量的DOM操作使頁(yè)?渲染性能降低，加載速度變慢，影響?戶(hù)體驗(yàn)。區(qū)別：vue數(shù)據(jù)驅(qū)動(dòng)，通過(guò)數(shù)據(jù)來(lái)顯?視圖層?不是節(jié)點(diǎn)操作。場(chǎng)景：數(shù)據(jù)操作?較多的場(chǎng)景，更加便捷三、vue的優(yōu)點(diǎn)是什么？低耦合。視圖(View)可以獨(dú)?于Model變化和修改，?個(gè)ViewModel可以綁定到不同的"View"上，當(dāng)View變化的時(shí)候Model可以不變，當(dāng)Model變化的時(shí)候View也可以不變?？芍?性。你可以把?些視圖邏輯放在?個(gè)ViewModel??，讓很多view重?這段視圖邏輯。獨(dú)?開(kāi)發(fā)。開(kāi)發(fā)?員可以專(zhuān)注于業(yè)務(wù)邏輯和數(shù)據(jù)的開(kāi)發(fā)(ViewModel)，設(shè)計(jì)?員可以專(zhuān)注于頁(yè)?設(shè)計(jì)。可測(cè)試。界?素來(lái)是?較難于測(cè)試的，?現(xiàn)在測(cè)試可以針對(duì)ViewModel來(lái)寫(xiě)。四、組件之間的傳值？?組件與?組件傳值eg='datadata(){returndata:'egdata'}}?組件通過(guò)propsprops:['egpropsdata?組件部分:?組件部分：?組件向?組件傳遞數(shù)據(jù)Vue沒(méi)有直接?對(duì)?傳參的?法，建議將需要傳遞數(shù)據(jù)的?組件，都合并為?個(gè)組件。如果?定需要?對(duì)?傳參，可以先從傳到?組件，再傳到?組件。五、路由之間跳轉(zhuǎn)聲明式(標(biāo)簽跳轉(zhuǎn))編程式(js跳轉(zhuǎn))router-link實(shí)現(xiàn)跳轉(zhuǎn)③通過(guò)js的編程的?式六、vue.cli中怎樣使??定義的組件？有遇到過(guò)哪些問(wèn)題嗎？第?步：在components?錄新建你的組件?件(如：indexPage.vue)，script?定要exportdefault{}第?步：在需要?的頁(yè)?(組件)中導(dǎo)?：importindexPagefrom'@/components/indexPage.vue'第三步：注?到vue的?組件的components屬性上?,components:{indexPage}中使?，七、vuex有哪?種屬性？有五種，分別是State、Getter、Mutation、Action、Module的State特性C、它通過(guò)mapState把全局的state和getters映射到當(dāng)前組件的computedA、getters可以對(duì)State進(jìn)?計(jì)算操作，它就是Store的計(jì)算屬性C、如果?個(gè)狀態(tài)只在?個(gè)組件內(nèi)使?，是可以不?gettersvuex的Mutation特性Actionmutation，不同在于：Actionmutation，?不是直接變更狀態(tài)；Action?、不?Vuex會(huì)帶來(lái)什么問(wèn)題？可讀性會(huì)下降，因?yàn)?個(gè)組件?的數(shù)據(jù)，根本就看不出來(lái)是從哪來(lái)的；增加耦合，?量的上傳派發(fā)，會(huì)讓耦合性??增加，本來(lái)Vue?Component就是為了減少耦合，現(xiàn)在這么?，和組件化的初衷相背。九、?命周期相關(guān)?試題和數(shù)據(jù)對(duì)象data都為undefined，還未初始化。在created階段，vue實(shí)例的數(shù)據(jù)對(duì)象data有了，el還沒(méi)有。還未替換。在mounted階段，vue實(shí)例掛載完成，data.message成功渲染。beforeUpdate和updated?法。是dom結(jié)構(gòu)依然存在、什么是vue?命周期答：Vue實(shí)例從創(chuàng)建到銷(xiāo)毀的過(guò)程，就是?命周期。也就是從開(kāi)始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom→渲染、更新→渲染、卸載等Vue、vue?命周期的作?是什么答：它的?命周期中有多個(gè)事件鉤?，讓我們?cè)诳刂普麄€(gè)Vue實(shí)例的過(guò)程時(shí)更容易形成好的邏輯。(3)、第?次頁(yè)?加載會(huì)觸發(fā)哪?個(gè)鉤?答：第?次頁(yè)?加載時(shí)會(huì)觸發(fā)beforeCreate,created,beforeMount,mounted這?個(gè)鉤?(4)、DOM渲染在哪個(gè)周期中就已經(jīng)完成答：?命周期鉤?的?些使??法：beforecreateloading事件，在加載實(shí)例時(shí)觸發(fā)DOM節(jié)點(diǎn)beforeDestroy:可以做?個(gè)確認(rèn)停?事件的確認(rèn)框nextTick:更新數(shù)據(jù)后?即操作dom?、Vue的雙向數(shù)據(jù)綁定原理是什么？Object.defineProperty()來(lái)劫持各個(gè)屬性的setter，getter，在數(shù)據(jù)變動(dòng)時(shí)發(fā)布消息給訂閱者，觸發(fā)相應(yīng)的監(jiān)聽(tīng)回調(diào)。具體步驟：和getter這樣的話(huà)，給這個(gè)對(duì)象的某個(gè)值賦值，就會(huì)觸發(fā)setter，那么就能監(jiān)聽(tīng)到了數(shù)據(jù)變化第?步：compile解析模板指令，將模板中的變量替換成數(shù)據(jù)，然后初始化渲染頁(yè)?視圖，并將每個(gè)指令對(duì)應(yīng)的節(jié)點(diǎn)綁定更新函數(shù)，添加監(jiān)聽(tīng)數(shù)據(jù)的訂閱者，?旦數(shù)據(jù)有變動(dòng)，收到通知，更新視圖2、??必須有?個(gè)update()?法在近期我們會(huì)經(jīng)常更新這些關(guān)于?試的?檔，?便?家查閱，也會(huì)時(shí)不時(shí)開(kāi)?節(jié)關(guān)于?試的直播課程。讓?家更容易找到?份?儀的?作。詳情請(qǐng)多多關(guān)注扣丁HTML5官?群。驗(yàn)。區(qū)別：vue數(shù)據(jù)驅(qū)動(dòng)，通過(guò)數(shù)據(jù)來(lái)顯?視圖層?不是節(jié)點(diǎn)操作。場(chǎng)景：數(shù)據(jù)操作?較多的場(chǎng)景，更加便捷三、vue的優(yōu)點(diǎn)是什么？低耦合。視圖(View)可以獨(dú)?于Model變化和修改，?個(gè)ViewModel可以綁定到不同的"View"上，當(dāng)View變化的時(shí)候Model可以不變，當(dāng)Model變化的時(shí)候View也可以不變?？芍?性。你可以把?些視圖邏輯放在?個(gè)ViewModel??，讓很多view重?這段視圖邏輯。獨(dú)?開(kāi)發(fā)。開(kāi)發(fā)?員可以專(zhuān)注于業(yè)務(wù)邏輯和數(shù)據(jù)的開(kāi)發(fā)(ViewModel)，設(shè)計(jì)?員可以專(zhuān)注于頁(yè)?設(shè)計(jì)。可測(cè)試。界?素來(lái)是?較難于測(cè)試的，?現(xiàn)在測(cè)試可以針對(duì)ViewModel來(lái)寫(xiě)。四、組件之間的傳值？?組件與?組件傳值eg='datadata(){returndata:'egdata'}}?組件通過(guò)propsprops:['egpropsdata?組件部分:?組件部分：?組件向?組件傳遞數(shù)據(jù)Vue沒(méi)有直接?對(duì)?傳參的?法，建議將需要傳遞數(shù)據(jù)的?組件，都合并為?個(gè)組件。如果?定需要?對(duì)?傳參，可以先從傳到?組件，再傳到?組件。五、路由之間跳轉(zhuǎn)聲明式(標(biāo)簽跳轉(zhuǎn))編程式(js跳轉(zhuǎn))router-link實(shí)現(xiàn)跳轉(zhuǎn)③通過(guò)js的編程的?式六、vue.cli中怎樣使??定義的組件？有遇到過(guò)哪些問(wèn)題嗎？第?步：在components?錄新建你的組件?件(如：indexPage.vue)，script?定要exportdefault{}第?步：在需要?的頁(yè)?(組件)中導(dǎo)?：importindexPagefrom'@/components/indexPage.vue'第三步：注?到vue的?組件的components屬性上?,components:{indexPage}中使?，七、vuex有哪?種屬性？有五種，分別是State、Getter、Mutation、Action、Module的State特性C、它通過(guò)mapState把全局的state和getters映射到當(dāng)前組件的computedA、getters可以對(duì)State進(jìn)?計(jì)算操作，它就是Store的計(jì)算屬性C、如果?個(gè)狀態(tài)只在?個(gè)組件內(nèi)使?，是可以不?gettersvuex的Mutation特性Actionmutation，不同在于：Actionmutation，?不是直接變更狀態(tài)；Action?、不?Vuex會(huì)帶來(lái)什么問(wèn)題？可讀性會(huì)下降，因?yàn)?個(gè)組件?的數(shù)據(jù)，根本就看不出來(lái)是從哪來(lái)的；增加耦合，?量的上傳派發(fā)，會(huì)讓耦合性??增加，本來(lái)Vue?Component就是為了減少耦合，現(xiàn)在這么?，和組件化的初衷相背。九、?命周期相關(guān)?試題和數(shù)據(jù)對(duì)象data都為undefined，還未初始化。在created階段，vue實(shí)例的數(shù)據(jù)對(duì)象data有了，el還沒(méi)有。還未替換。在mounted階段，vue實(shí)例掛載完成，data.message成功渲染。beforeUpdate和updated?法。是dom結(jié)構(gòu)依然存在、什么是vue?命周期答：Vue實(shí)例從創(chuàng)建到銷(xiāo)毀的過(guò)程，就是?命周期。也就是從開(kāi)始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom→渲染、更新→渲染、卸載等Vue、vue?命周期的作?是什么答：它的?命周期中有多個(gè)事件鉤?，讓我們?cè)诳刂普麄€(gè)Vue實(shí)例的過(guò)程時(shí)更容易形成好的邏輯。(3)、第?次頁(yè)?加載會(huì)觸發(fā)哪?個(gè)鉤?答：第?次頁(yè)?加載時(shí)會(huì)觸發(fā)beforeCreate,created,beforeMount,mounted這?個(gè)鉤?(4)、DOM渲染在哪個(gè)周期中就已經(jīng)完成mounted(5)、簡(jiǎn)單描述每個(gè)周期具體適合哪些場(chǎng)景答：?命周期鉤?的?些使??法：beforecreateloading事件，在加載實(shí)例時(shí)觸發(fā)DOM節(jié)點(diǎn)beforeDestroy:可以做?個(gè)確認(rèn)停?事件的確認(rèn)框nextTick:更新數(shù)據(jù)后?即操作dom?、Vue的雙向數(shù)據(jù)綁定原理是什么？Object.defineProperty()來(lái)劫持各個(gè)屬性的setter，getter，在數(shù)據(jù)變動(dòng)時(shí)發(fā)布消息給訂閱者，觸發(fā)相應(yīng)的監(jiān)聽(tīng)回調(diào)。具體步驟：和getter這樣的話(huà)，給這個(gè)對(duì)象的某個(gè)值賦值，就會(huì)觸發(fā)sett