Vue應(yīng)用開(kāi)發(fā)測(cè)驗(yàn)題含答案

Vue應(yīng)用開(kāi)發(fā)測(cè)驗(yàn)題含答案學(xué)號(hào) 專(zhuān)業(yè) 姓名 一、單選題(每題1.S分，共45分)1、 下列說(shuō)法不正確的是哪項(xiàng)？key的作用主要是為了高效地更新虛擬DOM若指定了組件的template選項(xiàng)，render函數(shù)不會(huì)執(zhí)行使用vm.$nextTick可以確保獲得DOM異步更新的結(jié)果若沒(méi)有el選項(xiàng)，vm.Smount(dom)可將Vue實(shí)例掛載于指定元素上2、 下面說(shuō)法錯(cuò)誤的是？watch監(jiān)聽(tīng)對(duì)象必須設(shè)置deep:true數(shù)組直接通過(guò)索引修改屬性值，能觸發(fā)watch方法watch內(nèi)部可以寫(xiě)異步方法immediate:true可以開(kāi)啟首次賦值監(jiān)聽(tīng)3、 關(guān)于Vuex說(shuō)法錯(cuò)誤的是？Vuex可以用來(lái)管理數(shù)據(jù)Vuex也可以實(shí)現(xiàn)組件間的傳值Vuex的屬性有state、mutations、actions、setters等mutation中的方法按照規(guī)定最好不要涉及異步方法4、 下列關(guān)于vue-router的描述，不正確的是哪項(xiàng)？vue-router的常用模式有hash和history兩種可通過(guò)addRoutes方法動(dòng)態(tài)添加路由可通過(guò)beforeEnter對(duì)單個(gè)組件進(jìn)行路由守衛(wèi)vue-router借助Vue實(shí)現(xiàn)響應(yīng)式的路由，因此只能用于Vue5、 關(guān)于組什注冊(cè)描述槽誤的是？組件可全局注冊(cè)，也可局部注冊(cè)局部注冊(cè)的組件在其子組件中可用全局注冊(cè)的組件在其子組件中可用引入組件語(yǔ)法：importComponentAfrom*./ComponentA,6、 過(guò)渡元素為：<transitionname=*my-transition*>,過(guò)渡類(lèi)名錯(cuò)誤的是？v-entermy-transition-entermy-transition-1eavemy-transition-leave-active7、 下列關(guān)于v-for說(shuō)法錯(cuò)誤的是？v-for指令基于一個(gè)數(shù)組來(lái)渲染一個(gè)列表v-for指令需要使用iteminitems形式的特殊語(yǔ)法，其中items是源數(shù)據(jù)數(shù)組，而item則是被迭代的數(shù)組元素的別名不可以用v-for來(lái)遍歷一個(gè)對(duì)象的propertyv-for在使用的時(shí)候最好添加key,且key最好不是索引8、 下列關(guān)于v-model的說(shuō)法，哪項(xiàng)是不正確的是？v-model如果為不同元素綁定數(shù)據(jù)，則使用不同的元素property,并拋出不同的事件v-model本質(zhì)上是語(yǔ)法糖，它負(fù)責(zé)監(jiān)聽(tīng)用戶的輸入事件以更新數(shù)據(jù)v-model是內(nèi)置指令，不能用在自定義組件上對(duì)input使用v-model,實(shí)際上是指定其：value和input事件9、 關(guān)于路由說(shuō)法錯(cuò)誤的是？使用腳手架創(chuàng)建項(xiàng)目時(shí)，需要選擇安裝vue-router在嵌套路由中，需要VueRouter的參數(shù)中使用children配置vue-router不可以實(shí)現(xiàn)重定向vue-router可以通過(guò)配置實(shí)現(xiàn)路山懶加栽積減小了許多10、 下列關(guān)于scoped的描述錯(cuò)誤的是？scoped原理是在標(biāo)簽上添加data-v屬性，然后使用屬性選擇器實(shí)現(xiàn)樣式局部化使用scoped,父組件的樣式會(huì)滲透到子組件內(nèi)部的元素使用scoped不會(huì)造成全局污染”〉"可以實(shí)現(xiàn)樣式穿透11、 有如下代碼，最終渲染出來(lái)的div元素的class屬性值是？<divclass=*static*v-bind:class=*{active:isActive,'text-danger,:hasError}*></div>data:(isActive:true,hasError:false}staticisActivestaticactivestatichasErrorisActive12、 在Vue中，下列哪個(gè)選項(xiàng)對(duì)數(shù)組的操作不會(huì)觸發(fā)視圖的更新？push()shiftOconcat()reverse()13、 下面說(shuō)法錯(cuò)誤的是？watch方法中不能執(zhí)行異步操作不應(yīng)該使用箭頭函數(shù)來(lái)定義method函數(shù)，箭頭函數(shù)綁定了父級(jí)作用域的上下文，所以this將不會(huì)按照期望指向Vue實(shí)例Vue實(shí)例將會(huì)在實(shí)例化時(shí)調(diào)用Swatch(),遍歷watch對(duì)象的每一個(gè)propertycomputed的結(jié)果會(huì)被緩存，除非依賴的響應(yīng)式property變化才會(huì)重新計(jì)算14、 關(guān)于Vue組件生命周期說(shuō)法錯(cuò)誤的是？Vue組件的生命周期可以分成三個(gè)大階段：掛載、更新、卸載掛載階段中涉及到的鉤子函數(shù)有：beforeCreate、created^beforeMount、mounted更新階段涉及的鉤子函數(shù)有：beforeUpdate、updated、activated、deactivated首次進(jìn)入頁(yè)面鉤子函數(shù)的執(zhí)行順序:beforeCreate?createdbeforeMount^mounted15、 關(guān)于Vuex說(shuō)法錯(cuò)誤的是？actions通過(guò)commit觸發(fā)mutations中的方法進(jìn)行狀態(tài)變更Vuex是單項(xiàng)數(shù)據(jù)流變更數(shù)據(jù)ajax—般放在mutations中，把獲取到的數(shù)據(jù)存儲(chǔ)state中由于Vuex使用單一狀態(tài)樹(shù)，應(yīng)用的所有狀態(tài)會(huì)集中到一個(gè)比較大的對(duì)象16、 不屬于Vue使用虛擬DOM的特點(diǎn)是？虛擬節(jié)點(diǎn)可以理解成節(jié)點(diǎn)描述對(duì)象，它描述了應(yīng)該怎樣去創(chuàng)建真實(shí)的D0M節(jié)點(diǎn)虛擬DOM優(yōu)勢(shì)：渲染引擎操作DOM慢，js運(yùn)行效率高，于是將DOM對(duì)比操作放在JS層，提高效率提升渲染性能VirtualDOM的優(yōu)勢(shì)不在于單次的操作，而是在大量、頻繁的數(shù)據(jù)更新下，能夠?qū)σ晥D進(jìn)行合理、高效的更新VirtualDOM是以JavaScript對(duì)象為基礎(chǔ)，所以必須依賴于瀏覽器才能運(yùn)行17、 關(guān)于Vue-cli說(shuō)法錯(cuò)誤的是？VueCL1是一個(gè)基于Vue.js進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)CLI(@vue/cli)是一個(gè)全局安裝的npm包，提供了終端里的Vue命令CLI目前還不能提供圖形化界面管理你的所有項(xiàng)目CLI服務(wù)是構(gòu)建于webpack和webpack-dev-server之上的18、 下列關(guān)于Vue內(nèi)置組件的描述錯(cuò)誤的是？transition；為組件的載入和切換提供動(dòng)畫(huà)效果transition-group：作為多個(gè)元素/組件的過(guò)渡效果keep-alive：緩存子組件，被包裹的子組件會(huì)多出兩個(gè)生命周期：activated,deactivated當(dāng)組件在keep-alive內(nèi)被切換時(shí)，它的mounted和unmounted生命周期鉤子也會(huì)被調(diào)用19、 下列哪個(gè)選項(xiàng)不是單頁(yè)而應(yīng)用程序(SPA)的優(yōu)點(diǎn)？不需要.重新加載整個(gè)頁(yè)面，運(yùn)行流暢高效的前后端分離模式有利于SEO減輕服務(wù)器壓力20、 關(guān)于路由模式說(shuō)法錯(cuò)誤的是？vue-router有兩種模式，history和hash模式hash模式是通過(guò)onchange事件，監(jiān)聽(tīng)url的修改history通過(guò)H5提供的APIhistory.pushState和history.pushState實(shí)現(xiàn)跳轉(zhuǎn)且不刷新頁(yè)面history模式需要后端進(jìn)行配合21、 現(xiàn)有以下代碼，打印的結(jié)果是？newVue((data:(a:'first',b:'second'},created:function(){console.log(this.a)),mounted(){console,log(this,b)}))'first''first''second'undefinedundefined空22、 關(guān)于keep-alive說(shuō)法錯(cuò)誤的是？keep-alive可以通過(guò)include屬性，匹配要進(jìn)行緩存的組件當(dāng)組件在keep-alive內(nèi)被切換，它的activated和deactivated這兩個(gè)生命周期鉤子函數(shù)將會(huì)被對(duì)應(yīng)執(zhí)行keep-alive自身不會(huì)渲染一個(gè)DOM元素，也不會(huì)出現(xiàn)在組件的父組件鏈中max屬性控制最多可以緩存多少組件實(shí)例。一旦這個(gè)數(shù)字達(dá)到了，新創(chuàng)建的實(shí)例則不能再進(jìn)行緩存23、 下列關(guān)于Vue和React的描述錯(cuò)誤的是？Vue進(jìn)行數(shù)據(jù)攔截/代理，對(duì)數(shù)據(jù)更敏感，數(shù)據(jù)驅(qū)動(dòng)視圖自更新，而React需要手動(dòng)驅(qū)動(dòng)數(shù)據(jù)更新視圖Vue和React的this都指向當(dāng)前組件實(shí)例Vue和React都能使用jsx進(jìn)行編程Vue和React都是數(shù)據(jù)驅(qū)動(dòng)視圖的更新24、 現(xiàn)有以下代碼，打印的結(jié)果是？newVue({data:{a:1,b:2),watch:(a:(handler:function(value)(console,log(value)})1打印語(yǔ)句不執(zhí)行

undefinednull25、用于綁定DOM屬性的指令是？v~onv-modelv-bindv-html26、關(guān)于Vue組件的生命周期說(shuō)法錯(cuò)誤的是？mounted鉤子函數(shù)中，可以直接獲取DOM元素beforeMount鉤子函數(shù)中，不可以直接獲取DOM元素beforeDestroy鉤子函數(shù)中，不可以直接獲取DOM元素destroyed鉤子函數(shù)中，不可以直接獲取DOM元素27、關(guān)于v-model的修飾符說(shuō)法錯(cuò)誤的是?lazy修飾符讓內(nèi)容在“change”事件時(shí)而非“input”事件時(shí)更新v-model添加number修飾符，可以自動(dòng)將用戶的輸入值轉(zhuǎn)為數(shù)值類(lèi)型可以給v-model添加trim修飾符，自動(dòng)過(guò)濾用戶輸入的首尾空白字符D.v-model添加number修飾符，如果這個(gè)值無(wú)法被parseFloatO解析，則會(huì)返回null28、 下列關(guān)于Vue響應(yīng)式的描述錯(cuò)誤的是？當(dāng)利用索引值設(shè)置一個(gè)數(shù)組項(xiàng)時(shí)，Vue不能檢測(cè)到數(shù)組的變動(dòng)當(dāng)修改數(shù)組的長(zhǎng)度時(shí)，Vue不能檢測(cè)到數(shù)組的變動(dòng)Vue可以監(jiān)聽(tīng)對(duì)象屬性的添加或刪除可以通過(guò)Vue.set()方法向嵌套對(duì)象添加響應(yīng)式屬性29、 關(guān)于Vue組件間的參數(shù)傳遞，下列哪項(xiàng)是不正確的？若子組件給父組件傳值，可使用$emit方法祖孫組件之間可以使用provide和inject方式跨層級(jí)相互傳值若子組件使用$emit（'soy'）派發(fā)事件，父組什可使用@say監(jiān)聽(tīng)若父組件給子組件傳值，子組件可通過(guò)props接受數(shù)據(jù)30、下列關(guān)于Vue2和Vue3的描述錯(cuò)誤的是？Vue3中Template支持多個(gè)根標(biāo)簽，Vue2不支持Vue3中的生命周期的掛載鉤子是onMounted,需要引入才能使用Vue3組合API中的setup0方法中不可以使用生命周期鉤子函數(shù)Vue3引入了tree-shaking,以模塊的方式引入api,減小打包體積二、 填空題（每題2分，共20分）1、VueCli安裝命令是： °2>VueCreate項(xiàng)目啟動(dòng)命令是： 。3、 模版語(yǔ)法中插值使用場(chǎng)景有： e4、 數(shù)據(jù)雙向綁定使用的指令是： -5、 不管初始條件是什么，元素總是會(huì)被渲染鎖使用的指令是： ?6、 v-on:click.stop表示： 。7、 路由重定向?qū)懛椋?。8、 router,go（3）代表的意思是： 。9sVue-Resource如何獲取響應(yīng)狀態(tài)： 。10、Vue項(xiàng)目打包命令： 。三、 問(wèn)答題（每題10分，共20分）1、 為什么在使用v-for的時(shí)候需要添加key屬性？2、 vue組件中data為什么是一個(gè)函數(shù)？四、編程題（每題15分，共15分）1、編寫(xiě)一個(gè)表單輸入頁(yè)面，要求如下：輸入并展示用戶名；用戶名除去前后空格；用戶名長(zhǎng)度大于6個(gè)字符，頁(yè)面顯示錯(cuò)誤信息;展示用戶名時(shí)第一個(gè)字母大寫(xiě)；Vue應(yīng)用開(kāi)發(fā)測(cè)驗(yàn)題02學(xué)號(hào) 專(zhuān)業(yè) 姓名 一、單選題(每題1.5分，共45分)1、下列說(shuō)法不正確的是哪項(xiàng)？可通過(guò)this.$parent査找當(dāng)前組件的父組件B.可使用this.$refs查找命名子組件C.可使用this.$children按順序査找當(dāng)前組件的直接子組件1、下列說(shuō)法不正確的是哪項(xiàng)？可通過(guò)this.$parent査找當(dāng)前組件的父組件B.可使用this.$refs查找命名子組件C.可使用this.$children按順序査找當(dāng)前組件的直接子組件D.可使用$root查找根組件，并可配合children遍歷全部組件2、下列關(guān)于vue-router的描述，不正確的是哪項(xiàng)？vue-router的常用模式有hash和history兩種可通過(guò)addRoutes方法動(dòng)態(tài)添加路由可通過(guò)beforeEnter對(duì)單個(gè)組件進(jìn)行路由守衛(wèi)vue-router借助Vue實(shí)現(xiàn)響應(yīng)式的路由，因此只能用于Vue3、關(guān)于Vue組件間的參數(shù)傳遞，下列哪項(xiàng)是不正確的？若子組件給父組件傳值，可使用$emit方法祖孫組件之間可以使用provide和inject方式跨層級(jí)相互傳值若子組件使用$emit('say')派發(fā)事件，父組件可使用@say監(jiān)聽(tīng)若父組件給子組件傳值，子組件可通過(guò)props接受數(shù)據(jù)4、下列說(shuō)法不正確的是哪項(xiàng)？key的作用主要是為了高效地更新虛擬DOM若指定了組件的template選項(xiàng),render函數(shù)不會(huì)執(zhí)行使用vm.$nextTick可以確保獲得DOM異步更新的結(jié)果若沒(méi)有el選項(xiàng)，vm.$mount(dom)可將Vue實(shí)例掛載于指定元素上5、 對(duì)于Vue中響應(yīng)式數(shù)據(jù)原理的說(shuō)法，下列哪項(xiàng)是不正確的？采用數(shù)據(jù)劫持方式，即Object,defineProperty劫持data中各屬性，實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)視圖中的變化不會(huì)通過(guò)watcher更新data中的數(shù)據(jù)若data中某屬性多次發(fā)生變化,watcher僅會(huì)進(jìn)入更新隊(duì)列一次通過(guò)編譯過(guò)程進(jìn)行依賴收集6、 下列對(duì)Vue原理的敘述，不正確的是？Vue中的數(shù)組變更通知，通過(guò)攔截?cái)?shù)組操作方法而實(shí)現(xiàn)編譯器目標(biāo)是創(chuàng)建渲染函數(shù)，渲染函數(shù)執(zhí)行后將得到VNode樹(shù)組件內(nèi)data發(fā)生變化時(shí)不會(huì)通知其對(duì)應(yīng)watcher執(zhí)行異步更新patching算法首先進(jìn)行同層級(jí)比較，可能執(zhí)行的操作是節(jié)點(diǎn)的增加、刪除和更新7、 Vue實(shí)例的data屬性，哪個(gè)生命周期中獲取不到？beforeCreatecreatedbeforeMountmounted8、 閱讀以下代碼，請(qǐng)選擇不可以正確打印hl標(biāo)簽寬度的選項(xiàng)<template><div><hlref='hl'v-if=*showw>nowcoder</h1></div></template><script>exportdefault{dataO{return(show:falsemounted()(this,show=true//此處填寫(xiě)代碼)}</script>this.$nextTick(function()(console.log(this.$refs.hl.offsetwidth)})setinterval(()=>{console.log(this.$refs.hl.offsetWidth)})setTimeout(()=>{console.log(this.$refs.hl.offsetWidth)))console.log(this.$refs.hl.offsetWidth)9、 下列關(guān)于Vue響應(yīng)式的描述錯(cuò)誤的是？當(dāng)利用索引值設(shè)置一個(gè)數(shù)組項(xiàng)時(shí)，Vue不能檢測(cè)到數(shù)組的變動(dòng)當(dāng)修改數(shù)組的長(zhǎng)度時(shí)，Vue不能檢測(cè)到數(shù)組的變動(dòng)Vue可以監(jiān)聽(tīng)對(duì)象屬性的添加或刪除可以通過(guò)Vue.set()方法向嵌套對(duì)象添加響應(yīng)式屬性10、 關(guān)于Vue中的diff算法說(shuō)法錯(cuò)誤的是？比較只會(huì)在同層級(jí)節(jié)點(diǎn)進(jìn)行比較，不會(huì)跨層級(jí)比較在difY比較的過(guò)程中，循環(huán)從兩邊向中間收攏vue的虛擬dom渲染真實(shí)dom的過(guò)程中首先會(huì)對(duì)新老VNode的開(kāi)始和結(jié)束位置進(jìn)行標(biāo)記：oldSlarlldx、oldEndldx、newStartIdx^newEndldx當(dāng)老VNode節(jié)點(diǎn)的start和新VNode節(jié)點(diǎn)的end滿足sameVnode時(shí)，新VNode節(jié)點(diǎn)會(huì)被提到start位置11、 下列關(guān)于Vue自定義指令鉤子函數(shù)的描述錯(cuò)誤的是？被綁定元素插入父節(jié)點(diǎn)時(shí)調(diào)用inserted函數(shù)bind函數(shù)只調(diào)用一次，指令第一次綁定到元素時(shí)調(diào)用組件的VNode更新時(shí)調(diào)用update函數(shù)自定義指令鉤子函數(shù)參數(shù)"el"指所綁定的元素，但是不可以通過(guò)el直接操作D0M元素12、 關(guān)于Vue雙向數(shù)據(jù)綁定說(shuō)法錯(cuò)誤的是？Vue實(shí)現(xiàn)雙向數(shù)據(jù)綁定是采用數(shù)據(jù)劫持和發(fā)布者-訂閱者模式Object.defineProperty(obj,key,val)可以監(jiān)聽(tīng)數(shù)組變化，不需要做特殊處理Vue2.0數(shù)據(jù)劫持是利用ES5的Object.defineProperty(obj,key,val)方法來(lái)劫持每個(gè)屬性的getter和setter用戶更新了View,Model的數(shù)據(jù)也自動(dòng)被更新了，這種情況就是雙向數(shù)據(jù)綁定13、 關(guān)于Vue組件的生命周期說(shuō)法錯(cuò)誤的是？mounted鉤子函數(shù)中，可以直接獲取D0M元素beforeMount鉤子函數(shù)中，不可以直接獲取D0M元素beforeDestroy鉤子函數(shù)中，不可以直接獲取D0M元素destroyed鉤子函數(shù)中，不可以直接獲取D0M元素14、 關(guān)于SnextTick說(shuō)法錯(cuò)誤的是？在組件內(nèi)使用vm.SnextTick0實(shí)例方法特別方便，因?yàn)樗恍枰諺ue,并且回調(diào)函數(shù)中的this將自動(dòng)綁定到當(dāng)前的Vue實(shí)例上在created等虛擬D0M沒(méi)有完成掛載的鉤子函數(shù)中，不能把操作語(yǔ)句放在SnextTick的回調(diào)函數(shù)中SnextTick()返回一個(gè)Promise對(duì)象需要使用SnextTick()原因是Vue是異步渲染15、 屬于DOM事件監(jiān)聽(tīng)的是？v~onv-modelv-bindv-html16、關(guān)于Vuex說(shuō)法惜誤的是？Vuex可以用來(lái)管理數(shù)據(jù)Vuex也可以實(shí)現(xiàn)組件間的傳值Vuex的屬性有state、mutations、actions、setters等mutation中的方法按照規(guī)定最好不要涉及異步方法17、現(xiàn)有以下代碼，打印的結(jié)果是？newVue((data:{a:1,b:2},watch:(a:(handler:function(value)(console,log(value)))1打印語(yǔ)句不執(zhí)行undefinednull18、以下不是vue內(nèi)置指令的是？v-htmlv-onv-forv-hidden19、以下選項(xiàng)中不屬于Vuex中的屬性的是?statemutationsactionssetters20、 關(guān)于keep-alive說(shuō)法錯(cuò)誤的是？keep-alive可以通過(guò)include屬性，匹配要進(jìn)行緩存的組件當(dāng)組件在keep-alive內(nèi)被切換，它的activated和deactivated這兩個(gè)生命周期鉤子函數(shù)將會(huì)被對(duì)應(yīng)執(zhí)行keep-alive自身不會(huì)渲染一個(gè)D0M元素，也不會(huì)出現(xiàn)在組件的父組件鏈中max屬性控制最多可以緩存多少組件實(shí)例.一旦這個(gè)數(shù)字達(dá)到了，新創(chuàng)建的實(shí)例則不能再進(jìn)行緩存21、 關(guān)于路由守衛(wèi)說(shuō)法錯(cuò)誤的是？Vue路由守衛(wèi)分為全局路由、單個(gè)路由守衛(wèi)、組件內(nèi)部路由全局路由守衛(wèi)的鉤子函數(shù)有：beforeRouteEach（全局前置守衛(wèi)）、beforeRouteResolve（全局解析守衛(wèi)）、afterRouteEach（全局后置守衛(wèi)）單個(gè)路由獨(dú)享的鉤子函數(shù)只有一個(gè)：beforeEnter組件路由守衛(wèi)相關(guān)的鉤子函數(shù)：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave22、 關(guān)于Vuex說(shuō)法錯(cuò)誤的是？可以使用this.$store.state獲取Vuex中存儲(chǔ)的狀態(tài)getter的返回值會(huì)根據(jù)它的依賴被緩存起來(lái)，且只有當(dāng)它的依賴值發(fā)生了改變才會(huì)被重新計(jì)算更改Vuex的store中的狀態(tài)的唯一方法是提交mutations中的方法Actions可以包含任意異步操作，可以直接變更狀態(tài)23、 下列關(guān)于vue-lazyload的描述錯(cuò)誤的是？組件中使用vue-lazyload時(shí)，v-lazy代替v-bind:src組件中使用vue-lazyload時(shí)，必須要加：key屬性vue-lazyload指令可以實(shí)現(xiàn)圖片的懶加載使用vue-lazyload時(shí)，擴(kuò)展功能api中的attempt代表嘗試加載圖片數(shù)量24、 下面不屬于Vue組件的是？VueRouterVueCLIVuexElementUI25、 Angular和Vue描述錯(cuò)誤的是？這兩個(gè)框架都很快，有非常類(lèi)似的benchmark數(shù)據(jù)Angular事實(shí)上必須用TypeScript來(lái)開(kāi)發(fā)Angular相比Vue于更加靈活最近的Angular版本中在使用了AOT和tree-shaking技術(shù)后使得最終的代碼體積減小了許多26、 下列關(guān)于npm的描述錯(cuò)誤的是？Npm是Node,js標(biāo)準(zhǔn)的軟件包管理器Npm制定版本安裝命令個(gè)：npmi〈package-name〉#版本Npm提供包下載、更新、卸載、版本控制、運(yùn)行任務(wù)等功能Npm可運(yùn)行package,json中定義的任務(wù)27、 Vue項(xiàng)目默認(rèn)啟動(dòng)端口是？TOC\o"1-5"\h\z804438080808828、Vue插值使用場(chǎng)景不包括？TextHTMLJavaScriptCSS29、不是Vue.js指令的是？v-refv-textv-bindv-mode130、Vue組件的結(jié)構(gòu)不包括？templatescripthtmlstyle二、填空題（每題2分，共20分）1、 提交事件不1R我頁(yè)面的修飾符是： 。2、 MVVM模型中VM代表： 。 3、 vueinit創(chuàng)建項(xiàng)目命令是： ?4、 條件渲染中始終會(huì)渲染DOM的指令是： 。5、 過(guò)濾器應(yīng)該被添加在JavaScript表達(dá)式的郵部，管道符號(hào)是: 6、 父組件需動(dòng)態(tài)傳值給子組件，需在子組件上定義： 7、 子組件動(dòng)態(tài)傳伉給父組件，須使用： 。8、 插槽使用的標(biāo)簽是： 。9、 嵌套路由需為父路由配置： ?10、 重載Nginx的命令： ?三、 問(wèn)答題（每題10分，共20分）1、 說(shuō)出幾種vue的指令和用法？2、 components和views下的組件定義有何不同？？四、 編程題（每題15分，共15分）1、使用具名插槽完成布局組件（包含頭部、尾部）開(kāi)發(fā)。Vue應(yīng)用開(kāi)發(fā)測(cè)驗(yàn)題答案01一、 單選題（每題1.5分，共45分）1-5：BBCCB6-10：ACCCB11-15：BCACC16-20：DCDCB21-25：ADBBC26-30：CDCBC二、 填空題（每題2分，共20分）1、 npminstall-g@vue/cli2、 npmrunserve3、 Text、HTML、Attribute、JavaScript表達(dá)式4、 v-model5、 v-show6、 阻止單擊事件繼續(xù)傳播7^{path:'/a',redirect:'/b'）8、 前進(jìn)3步9、 response,status10、 npmrunbuild三、 問(wèn)答題（每題10分，共20分）1、為什么在使用v-for的時(shí)候需要添加key屬性？Vue在更新渲染Dorn的時(shí)候是根據(jù)新舊Dorn樹(shù)進(jìn)行對(duì)比的，使用key來(lái)給每個(gè)節(jié)點(diǎn)做一個(gè)唯一標(biāo)識(shí)。2、vue組件中data為什么是一個(gè)函數(shù)？組件中的data寫(xiě)成一個(gè)函數(shù)，數(shù)據(jù)以函數(shù)返回值的形式定義，這樣每次復(fù)用組件的時(shí)候，都會(huì)返回一份新的data,相當(dāng)于每個(gè)組件實(shí)例都有自己私有的數(shù)據(jù)空間，它們只負(fù)貴各自維護(hù)的數(shù)據(jù)，不會(huì)造成混亂：而寫(xiě)成對(duì)象，就是所有的組件實(shí)例共用了一個(gè)data,這樣改一個(gè)全都改了；四、編程題(每題15分，共15分)1、編寫(xiě)一個(gè)表單輸入頁(yè)面，要求如下：輸入并展示用戶名；用戶名除去前后空格；用戶名長(zhǎng)度大于6個(gè)字符，頁(yè)面顯示錯(cuò)誤信息：展示用戶名時(shí)第一個(gè)字母大寫(xiě)；<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>PageTitle</title><script src=*/npm/vue/dist/vue.js"type=*text/javascript*></script></head><body><divid="app"><p><inputtype="text"v-model.trim=*user.userName^/></p><p>錯(cuò)誤信息：<spanstyle=*color:red*>((errorMessage}}</spanX/p><p〉用戶信息：{{capitalize}}。?〉</div><script>newVue({el:"#app",data:{user:(userName:,),errorMessage:},watch:{"user.userName"(newValue,oldValue){this.errorMessage=this.user.userName.length>6?用戶名長(zhǎng)度大于6":"”；),},computed:(capitalize:function()(if(this.user.userName=="")(return””；}returnthis.user.userName[0].tolIpperCase()this.user.userName.substr(1);},},})；</script></body></html>Vue應(yīng)用開(kāi)發(fā)測(cè)驗(yàn)題答案02一、 單選題(每題1.5分，共45分)1-5：CCBBD6-10：CADCD11-15：DBCBA16-20：CBDDD21-25：BDBDC26-30：BDDAC二、 填空題(每題2分，共20分)1、v-on:submit,prevent2^ViewModel,負(fù)責(zé)Model和View之間的數(shù)據(jù)同步3、 vueinitwebpackproject4、 v-show5、 I6、 prop</div></div></div>7^$emit8、 <31ot></slot>9^children10、sbin/nginx-sreload三、 問(wèn)答題（每題10分，共20分）1、 說(shuō)出幾種vue的指令和用法？v-model雙向數(shù)據(jù)綁定；v-for循環(huán)；v-ifv-show顯示與隱藏；v-on事件；v-once只綁定一次；2、 components和views下的組件定義有何不同？？?jī)蓚€(gè)文件夾都是Vue組件；components放置一些可重用的組件，比如頭、尾、sidebar等;views放置路由跳轉(zhuǎn)的組件；四、 編程題（每題15分，共15分）1、使用具名插槽完成布局組件（包含頭部、尾部）開(kāi)發(fā)。<!-子組件一〉<template><div><divclass="header"><hl>我是頁(yè)頭標(biāo)題</hl><div><slotname=*header*X/slot><divclass="footer"><hl>我是頁(yè)尾標(biāo)題</hl><div><slotname=*footer*X/slot></div></div></div></template><script>exportdefault{name:"child"}</script><!-父組件一><template><div><div>slot內(nèi)容分發(fā)</d