Vue.js前端開發(fā)自測(cè)試卷4

1、自測(cè)試卷4自測(cè)試卷4一、選擇題1在下面的雙大括號(hào)標(biāo)簽中，哪一個(gè)是無效的表達(dá)式？（ ）Anumber + 10                   Bstr.toUpperCase()                 Cboo ? '真' : &

2、#39;假'               Dif(boo) return 12使用v-for指令不能遍歷下列哪種數(shù)據(jù)類型？（ ）。A整數(shù)B字符串C數(shù)組D對(duì)象3在Vue.js中，計(jì)算屬性需要定義在（ ）選項(xiàng)中。AcomputedBwatch  Cmethods   Dcompute4下列關(guān)于組件的描述錯(cuò)誤的是（ ）。A局部注冊(cè)的組件只能在其父組件中使用，而無法在其它組件中使用B組件選項(xiàng)對(duì)象中的data

3、和Vue實(shí)例選項(xiàng)對(duì)象中的data的賦值是一樣的C組件的模板只能有一個(gè)根元素D全局組件可在所有實(shí)例中使用5下列哪個(gè)不是Vue.js中的內(nèi)置組件？（ ）Acomponent BtransitionCtemplate Dtransition-group6下列關(guān)于過渡的描述錯(cuò)誤的是（ ）。Atransition組件只會(huì)把過渡效果應(yīng)用到其包含的內(nèi)容上，而不會(huì)額外渲染DOM元素B自定義的過渡類名的優(yōu)先級(jí)高于普通的類名C在<transition>的默認(rèn)行為中，元素的進(jìn)入和離開是同時(shí)發(fā)生的D定義離開過渡的開始狀態(tài)的class類名是v-leave-to7運(yùn)行下面代碼，輸出結(jié)果為（ ）。<div

4、 id="box"><span>str | lowercase | firstUppercase</span></div><script type="text/javascript"> var demo = new Vue( el : '#box', data : str : 'HTML' ,filters : lowercase : function(value)return value.toLowerCase();,firstUppercase : function

5、(value)return value.charAt(0).toUpperCase()+value.substr(1); );</script>AHTML BhtmlCHtml DhTML8在webpack配置文件中，mode配置選項(xiàng)用于配置開發(fā)項(xiàng)目使用的模式，下列哪一項(xiàng)不是mode選項(xiàng)可用的模式？ ( ) Aproduction Bdevelopment Cnone Dbuild9下列哪一項(xiàng)不是Vuex的組成部分？（ ） AgettersBsettersCmutationsDactions10在下列Vue指令中描述錯(cuò)誤的

6、是（ ）。Av-on指令用于監(jiān)聽DOM事件Bv-show指令用于判斷是否顯示或隱藏DOM元素Cv-html指令可以更新元素的innerHTMLDv-model指令用于在表單控件元素上創(chuàng)建單向數(shù)據(jù)綁定二、填空題1應(yīng)用filters選項(xiàng)定義的過濾器包括_和_兩部分。2下列代碼中，應(yīng)用v-for指令遍歷數(shù)組items，將代碼補(bǔ)充完整。 <div id="box"><span v-for="_">item</span></div><script type="text/javascript&

7、quot;> var demo = new Vue( el : '#box', data : items : 'a','b','c' );</script>3v-on指令的簡寫形式是在事件名稱前添加符號(hào)_。4如果只有一個(gè)復(fù)選框，應(yīng)用v-model綁定的是一個(gè)_值。5下列代碼中，應(yīng)用自定義指令設(shè)置文本的大小，將代碼補(bǔ)充完整。<div id="example"> <span _="'36px'">堅(jiān)持不懈</span><

8、/div><script type="text/javascript">var exam = new Vue(el:'#example', directives: setSize: function (el,binding) el.style.fontSize = binding.value; )</script>6在多個(gè)組件之間進(jìn)行切換的時(shí)候，為了保持這些組件的狀態(tài)，可以用_元素將動(dòng)態(tài)組件包含起來。7下列代碼中，通過Prop將父組件的數(shù)據(jù)傳遞給子組件，將代碼補(bǔ)充完整。<div id="example"

9、><my-component message="傳遞的數(shù)據(jù)"></my-component></div><script type="text/javascript">Vponent('my-component', props : _,template : '<p>message</p>')var vm = new Vue(el : '#example')</script>8除了使用<router-link>

10、創(chuàng)建<a>標(biāo)簽可以定義導(dǎo)航鏈接之外，還可以使用router的_方法實(shí)現(xiàn)導(dǎo)航的功能。9在下面代碼中，當(dāng)鼠標(biāo)指向圖片時(shí)為圖片添加邊框，請(qǐng)將代碼補(bǔ)充完整。<div id="example"><img v-bind:src="url" v-on:mouseover="addBorder"></div><script type="text/javascript">var vm = new Vue(el:'#example',data:url : 'images/js.png',methods : addBorder : function(e)_ = '1px solid blue')</script>10在組件中訪問定義的getter