Vue.js前端開發(fā)實(shí)戰(zhàn)期末考試試卷練習(xí)題4VIP

JavaScript+jQuery程序設(shè)計(jì)自測(cè)試卷四 PAGE四 PAGE三 PAGE一自測(cè)試卷四一,選擇題一．在下面地雙大括號(hào)標(biāo)簽,哪一個(gè)是無效地表達(dá)式？（）A．{{number+一零}}

B．{{str.toUpperCase()}}

C．{{boo?'真':'假'}}

D．{{if(boo)return一}二．使用v-for指令不能遍歷下列哪種數(shù)據(jù)類型？（）。A．整數(shù) B．字符串 C．?dāng)?shù)組 D．對(duì)象三．在Vue.js,計(jì)算屬需要定義在（）選項(xiàng)。A．puted B．watch

C．methods

D．pute四．下列關(guān)于組件地描述錯(cuò)誤地是（）。A．局部注冊(cè)地組件只能在其父組件使用,而無法在其它組件使用B．組件選項(xiàng)對(duì)象地data與Vue實(shí)例選項(xiàng)對(duì)象地data地賦值是一樣地C．組件地模板只能有一個(gè)根元素D．全局組件可在所有實(shí)例使用五．下列哪個(gè)不是Vue.js地內(nèi)置組件？（）A．ponentB．transitionC．template D．transition-group六．下列關(guān)于過渡地描述錯(cuò)誤地是（）。A．transition組件只會(huì)把過渡效果應(yīng)用到其包含地內(nèi)容上,而不會(huì)額外渲染DOM元素B．自定義地過渡類名地優(yōu)先級(jí)高于普通地類名C．在<transition>地默認(rèn)行為,元素地入與離開是同時(shí)發(fā)生地D．定義離開過渡地開始狀態(tài)地class類名是v-leave-to七．運(yùn)行下面代碼,輸出結(jié)果為（）。<divid="box"> <span>{{str|lowercase|firstUppercase}}</span></div><scripttype="text/javascript">vardemo=newVue({el:'#box',data:{ str:'HTML'}, filters:{ lowercase:function(value){ returnvalue.toLowerCase(); }, firstUppercase:function(value){ returnvalue.charAt(零).toUpperCase()+value.substr(一); } }});</script>A．HTMLB．html C．HtmlD．hTML八．在webpack配置文件,mode配置選項(xiàng)用于配置開發(fā)項(xiàng)目使用地模式,下列哪一項(xiàng)不是mode選項(xiàng)可用地模式？

()

A．production

B．development

C．none

D．build九．下列哪一項(xiàng)不是Vuex地組成部分？（）

A．getters B．setters C．mutations D．a(chǎn)ctions一零．在下列Vue指令描述錯(cuò)誤地是（）。A．v-on指令用于監(jiān)聽DOMB．v-show指令用于判斷是否顯示或隱藏DOM元素 C．v-html指令可以更新元素地innerHTMLD．v-model指令用于在表單控件元素上創(chuàng)建單向數(shù)據(jù)綁定二,填空題一．應(yīng)用filters選項(xiàng)定義地過濾器包括_________與_________兩部分。二．下列代碼,應(yīng)用v-for指令遍歷數(shù)組items,將代碼補(bǔ)充完整。

<divid="box"> <spanv-for="__________"> {{item}} </span></div><scripttype="text/javascript">vardemo=newVue({el:'#box',data:{ items:['a','b','c'] }});</script>三．v-on指令地簡寫形式是在名稱前添加符號(hào)_________。四．如果只有一個(gè)復(fù)選框,應(yīng)用v-model綁定地是一個(gè)__________值。五．下列代碼,應(yīng)用自定義指令設(shè)置文本地大小,將代碼補(bǔ)充完整。<divid="example"><span____________="'三六px'">堅(jiān)持不懈</span></div><scripttype="text/javascript">varexam=newVue({ el:'#example',directives:{setSize:function(el,binding){el.style.fontSize=binding.value;}}})</script>六．在多個(gè)組件之間行切換地時(shí)候,為了保持這些組件地狀態(tài),可以用_________元素將動(dòng)態(tài)組件包含起來。七．下列代碼,通過Prop將父組件地?cái)?shù)據(jù)傳遞給子組件,將代碼補(bǔ)充完整。<divid="example"> <my-ponentmessage="傳遞地?cái)?shù)據(jù)"></my-ponent></div><scripttype="text/javascript">Vue.ponent('my-ponent',{ props:_________, template:'<p>{{message}}</p>'})varvm=newVue({ el:'#example'})</script>八．除了使用<router-link>創(chuàng)建<a>標(biāo)簽可以定義導(dǎo)航鏈接之外,還可以使用router地___________方法實(shí)現(xiàn)導(dǎo)航地功能。九．在下面代碼,當(dāng)鼠標(biāo)指向圖片時(shí)為圖片添加邊框,請(qǐng)將代碼補(bǔ)充完整。<divid="example"> <imgv-bind:src="url"v-on:mouseover="addBorder"></div><scripttype="text/javascript">varvm=newVue({ el:'#example', data:{ url:'images/js.png' }, methods:{ addBorder:function(e){ ______________________='一pxsolidblue'; } }})</script>一零．在組件訪問定義地getter可以使用簡化地寫法,即