Vue.js前端開發(fā)自測試卷2

1、自測試卷2自測試卷2一、選擇題1在DOM文檔渲染完畢之后調(diào)用的鉤子是（ ）。AbeforeCreate                                   BcreatedCmounted    

2、;                               Ddestroyed2在Vue.js中，列表渲染使用的是（ ）指令。Av-onBv-forCv-ifDv-model3如果在內(nèi)聯(lián)語句中需要獲取原生的DOM事件對象，可以將特殊變量（ ）傳入方法中。A$eventB$thisCevent&

3、#160;Dthis4下列哪個不是Vue.js為v-model指令提供的修飾符？（     ）Alazy  Bnumber  Cself  Dtrim5如果想在某個組件的根元素上監(jiān)聽一個原生事件，可以使用v-on的（      ）修飾符。A.self B.nativeC. captureD.once6運行以下代碼，頁面中的輸出結(jié)果是（ ）。<div id="box"><div v-if="score

4、>=90">一等</div><div v-else-if="score>=75">二等</div><div v-else-if="score>=60">三等</div><div v-else>四等</div></div><script type="text/javascript"> var demo = new Vue( el : '#box', data : score : 8

5、0 );</script>A一等  B二等  C三等  D四等7下列代碼中，橫線處的正確寫法是（ ）。<div id="example"><my-component myMusic="沒離開過"></my-component></div><script type="text/javascript">var vm = new Vue(el : '#example',components :

6、'my-component' : props : '_',template : '<p>_</p>')</script>Amymusic    BmyMusic   Cmy-music   D my-Music   8在應(yīng)用中加載圖片文件需要使用（ ）加載器。Afile-loader Bcss-loader Cstyle-loader Dima

7、ge-loader9在父組件監(jiān)聽自定義事件的時候，可以通過（ ）訪問到傳遞的參數(shù)值。Aevent B$event C$this D$e10下面關(guān)于vue/cli創(chuàng)建的項目中src目錄下的文件夾或文件的描述不正確的是（ ）。Aassets文件夾用于存儲靜態(tài)資源，會被webpack構(gòu)建Bcomponents文件夾用于存儲公共組件Cmain.js是項目的入口文件Dstore.js是項目的路由配置文件二、填空題1在Vue.js的指令中，修飾符是以_符號指明的特殊后綴。2以下代碼的運行結(jié)果是_ 。<div id="box"><

8、p v-if="a=1">真</p><p v-else>假</p></div><script type="text/javascript"> var demo = new Vue( el : '#box', data : a : 0 );</script>3對元素的class屬性進行綁定時，綁定的數(shù)據(jù)可以是_或_。4下列代碼中，當單擊“顯示”按鈕時在控制臺輸出Vue.js，將代碼補充完整。<div id="box"><but

9、ton v-on:click="_">顯示</button></div><script type="text/javascript"> var vm = new Vue( el : '#box',methods : show : function(str)console.log(str); );</script>5Vue.js提供了兩種注冊組件的方式，分別是_ 和_ 。6在多元素過渡中，當有相同標簽名的多個元素進行切換時，需要通過_ 屬性為元素設(shè)置唯一的值。7Vue.js提供了兩種過渡模式，分別是_和_。8通過路由實現(xiàn)組件之間的切換需要使用_組件。9使用axios發(fā)送請求時，用于處理請求失敗的回調(diào)函數(shù)的方法是_方法。10由于Vuex的狀態(tài)存儲是響應(yīng)式的，從store實例中讀取狀態(tài)最簡單的方法就是在_中返回某個狀態(tài)。三、編程題1實現(xiàn)文字隱藏和顯示的過渡效果。單擊“隱藏文字”按鈕隱藏文字，同時“隱藏文字”按