Web前端技術(shù)(Vue)學(xué)習(xí)通超星期末考試答案章節(jié)答案2024年

Web前端技術(shù)(Vue)學(xué)習(xí)通超星期末考試章節(jié)答案2024年簡(jiǎn)述route、routes、router三個(gè)概念的區(qū)別是什么?

答案:route：它是一條路由，使用{…}來(lái)定義，內(nèi)含兩個(gè)屬性，分別是path、component,實(shí)現(xiàn)路由與組件的映射。routes：它是一組路由，把每一條路由組合起來(lái)，形成一個(gè)數(shù)組，也稱為路由表，類似于[route1,route2,…]。router:它是路由管理器，用來(lái)管理路由。當(dāng)用戶點(diǎn)擊導(dǎo)航時(shí)，路由器會(huì)到routes中去查找，去找到對(duì)應(yīng)的路由組件，頁(yè)面中就顯示對(duì)應(yīng)組件的內(nèi)容。在vue3.X的項(xiàng)目中，安裝vue-router插件正確的命令是().

答案:npminstallvue-router@next-S下列選項(xiàng)中能夠設(shè)置路由出口(渲染路由組件）的組件是(

)。

答案:router-view組件在編程式導(dǎo)航中，能夠跳轉(zhuǎn)到新的路由且在歷史記錄中添加—條新記錄的方法是（)。

答案:router.push()定義命名路由，使用的屬性名稱是()。

答案:name下列選項(xiàng)中，能夠正確表達(dá)跳轉(zhuǎn)到/user/chu的路由是()。

答案:{path:'user/:id',component:User}以下選項(xiàng)中不可以進(jìn)行路由跳轉(zhuǎn)的是（

）。

答案:jump()方法以下獲取動(dòng)態(tài)路由{path:'/user/:id'}中id的值正確的是（

）。

答案:this.$route.params.id

下列關(guān)于路由的描述錯(cuò)誤的是（

）。

答案:使用router的to()方法也可以實(shí)現(xiàn)導(dǎo)航的功能

定義嵌套路由時(shí)，可以在某路由下，使用（

）屬性來(lái)下定義子路由。定義子路由時(shí),path屬性值可以不加（

）′符號(hào)，直接寫路徑名稱。

答案:children;/在routLink路由鏈接中，to屬性的值可以是(

)，也可以是—個(gè)描述地址的(

)

答案:對(duì)象;字符串要鏈接到一個(gè)命名路由，可以給router-link的（

）屬性傳一個(gè)對(duì)象。

答案:to除了使用創(chuàng)建標(biāo)簽可以定義導(dǎo)航鏈接之外，還可以使用router的（

）方法實(shí)現(xiàn)導(dǎo)航的功能。

答案:push(一個(gè)被渲染組件的模板中可以包含嵌套的，要在嵌套的出口中渲染組件，需要在VueRouter實(shí)例中使用（

）參數(shù)進(jìn)行配置。

答案:children通過(guò)路由實(shí)現(xiàn)組件之間的切換需要使用（

）組件。

答案:;rooter-link在業(yè)務(wù)邏輯代碼中實(shí)現(xiàn)導(dǎo)航跳轉(zhuǎn)的方式稱為（

）。

答案:編程式導(dǎo)航通過(guò)一個(gè)名稱來(lái)標(biāo)識(shí)一個(gè)路由的方式稱為（

）。

答案:命名路由使用（

）獲取當(dāng)前激活的路由的狀態(tài)信息。

答案:路由對(duì)象;$routerVue-router的作用是將每個(gè)路徑映射到對(duì)應(yīng)的組件，并通過(guò)（

）進(jìn)行組件之間的切換。

答案:路由;路由規(guī)則Vue實(shí)例的配置選項(xiàng)methods用來(lái)定義可以通過(guò)Vue實(shí)例訪問(wèn)的方法。

答案:對(duì)Vue組件的配置選項(xiàng)data用來(lái)聲明需要響應(yīng)式綁定的數(shù)值對(duì)象，data中定義若干個(gè)鍵值對(duì)，這些鍵值對(duì)之間用分號(hào)分隔。

答案:錯(cuò)屬性綁定的語(yǔ)法是

答案:v-bind:;

:插值表達(dá)式用什么表示

答案:{{}};{{

}}Vue2.x

實(shí)例對(duì)象中的el參數(shù)表示（

）。

答案:唯一根標(biāo)簽;根標(biāo)簽Vue初始數(shù)據(jù)在組件對(duì)象的（

）參數(shù)（節(jié)點(diǎn)）中進(jìn)行定義。

答案:dataVue組件對(duì)象通過(guò)（

）方法來(lái)創(chuàng)建

答案:createApp(MVVM主要包含3個(gè)部分，分別是Model、View和（

）。

答案:ViewModelVue是一套構(gòu)建（

）的漸進(jìn)式框架

答案:用戶界面Vue的數(shù)據(jù)驅(qū)動(dòng)是通過(guò)（

）模式來(lái)實(shí)現(xiàn)的

答案:MVVM下列選項(xiàng)中不是Vue.js常用的選項(xiàng)是（).

答案:functionVue實(shí)例對(duì)象中能夠監(jiān)聽(tīng)狀態(tài)變化的函數(shù)是（

）。

答案:watch

npm包管理器是基于（

）平臺(tái)使用的。

答案:Nodejs下列不屬于Vue開(kāi)發(fā)所需工具的是（

）

答案:微信開(kāi)發(fā)者工具下列關(guān)于Vue的優(yōu)勢(shì)的說(shuō)法錯(cuò)誤的是（

）

答案:增加代碼的耦合度

下列關(guān)于Vue說(shuō)法錯(cuò)誤的是（

）。

答案:Vue與React語(yǔ)法是完全相同的

在Vue.js中，計(jì)算屬性需要定義在（

）選項(xiàng)中。

答案:computed

在Vue實(shí)例中可以定義方法的是（

）選項(xiàng)。

答案:

methods

下列選項(xiàng)中，用于開(kāi)發(fā)和調(diào)試Web項(xiàng)目的工具的是瀏覽器和（

）。

答案:vue-devtools下列選項(xiàng)中，主要用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu)的是（

）。

答案:HTML下列選項(xiàng)中，可以引入vue.js文件的是（

）。

答案:<script>

下列選項(xiàng)中，表示一個(gè)Node.js的包管理工具，用來(lái)解決Node.js代碼部署問(wèn)題的是（

）。

答案:npm下列選項(xiàng)中，（

）是基于Chrome瀏覽器的擴(kuò)展，用于調(diào)試Vue應(yīng)用的工具。

答案:vue-devtools下列選項(xiàng)中，用于卸載指定包依賴的命令的是（

）。

答案:npmuninstall下列選項(xiàng)中，代表視圖部分的是（

）

答案:View用于監(jiān)聽(tīng)DOM事件的指令是（

）

答案:v-onv-show指令的特點(diǎn)是（

）

答案:v-show指令是通過(guò)修改元素的“display”CSS屬性讓其顯示或者隱藏

以下遍歷并獲取索引的正確方式（

）。

答案:

在下列Vue指令中描述錯(cuò)誤的是（

）。

答案:v-model指令用于在表單控件元素上創(chuàng)建單向數(shù)據(jù)綁定

在下面的雙大括號(hào)標(biāo)簽中，（

）是無(wú)效的表達(dá)式。

答案:{{if(sign)return1}}下列不屬于v-on指令中的事件修飾符的是（

）。

答案:get

下列對(duì)于v-show指令的描述錯(cuò)誤的是（

）

答案:如果在運(yùn)行時(shí)條件很少改變，則需要使用v-show

下列不屬于Vue.js為v-model指令提供的修飾符的是（

）。

答案:self在Vue.js中，列表渲染使用的是（

）指令。

答案:v-for下列指令中，不能實(shí)現(xiàn)條件判斷的是（

）。

答案:

v-bind

以下代碼中，單擊“-”按鈕會(huì)執(zhí)行數(shù)字減1的操作，將代碼補(bǔ)充完整。

-

{{count}}

答案:v-on:click;@click以下代碼的運(yùn)行結(jié)果為10.00，將代碼補(bǔ)充完整。

__________

答案:{{price.toFixed(2以下代碼中，應(yīng)用v-for指令遍歷數(shù)組items，將代碼補(bǔ)充完整。

{{item}}

答案:iteminlists;

itemoflists以下代碼中，當(dāng)鼠標(biāo)指向“顯示”按鈕時(shí)執(zhí)行show方法，將代碼補(bǔ)充完整。

顯示

答案:v-on:mouseover運(yùn)行以下代碼，頁(yè)面中的輸出結(jié)果是（

）。

=90">A等

=75">B等

=60">C等

D等

答案:B等；B等以下代碼的運(yùn)行結(jié)果為（

）。

{{len}}

答案:10以下代碼的輸出結(jié)果是（

）。

{{message.split('').reverse().join('')}}

答案:olleh以下代碼的輸出結(jié)果為（

）。

{{str.toLowerCase()}}

答案:better以下代碼的運(yùn)行結(jié)果是（

）

真

假

答案:假當(dāng)元素綁定的v-if指令的值設(shè)置為_(kāi)_________時(shí)表示顯示元素，否則隱藏元素

答案:true指令主要包括內(nèi)置指令和（

），以“v-”開(kāi)頭，作用于HTML元素。

答案:自定義指令如果需要頻繁地切換DOM，需要使用v-show；如果在運(yùn)行時(shí)條件很少改變，需要使用（

）。

答案:v-if在Vue.js中，指令是帶有（

）前綴的特殊屬性。

答案:v-在DOM中輸出真正的HTML內(nèi)容需要使用（

）指令。

答案:v-htmlv-on指令的簡(jiǎn)寫形式是在事件名稱前添加符號(hào)（

）。

答案:@在Vue.js的指令中，修飾符是以（

）符號(hào)指明的特殊后綴。

答案:.;英文小數(shù)點(diǎn)使用watch選項(xiàng)監(jiān)聽(tīng)對(duì)象內(nèi)部值的變化，可以在監(jiān)聽(tīng)屬性的選項(xiàng)參數(shù)中設(shè)置（

）選項(xiàng)。

答案:deep如果需要對(duì)一組元素進(jìn)行判斷，需要使用（

）元素作為包裝元素，并在該元素上使用v-if。

答案:；template對(duì)元素的class屬性進(jìn)行綁定時(shí)，綁定的數(shù)據(jù)可以是對(duì)象或數(shù)組

答案:對(duì)如果要阻止瀏覽器的默認(rèn)行為，需要使用prevent

事件修飾符。

答案:對(duì)v-show指令和v-if指令一模一樣

答案:錯(cuò)v-model指令用于在表單控件元素上創(chuàng)建單向數(shù)據(jù)綁定

答案:錯(cuò)在下面代碼中，當(dāng)鼠標(biāo)指向圖片時(shí)為圖片添加邊框，請(qǐng)將代碼補(bǔ)充完整。

答案:e.target.style.border下列代碼中，當(dāng)單擊【顯示】按鈕時(shí)在控制臺(tái)輸出Vue.js，將代碼補(bǔ)充完整。

顯示

答案:show(讀以下程序，分析程序的運(yùn)行結(jié)果(界面顯示結(jié)果)

{{str.totoUpperCase()}}

答案:HELLO讀以下程序，分析程序的運(yùn)行結(jié)果(界面顯示結(jié)果)

{{str.toLowerCase()}}

答案:hello/star3/origin/7e9b67e921607e4736a02c821c1d0fa2.png

答案:this.persons.forEach(element

=>

{

if(element.sex=="女"/star3/origin/d693a47b317ee6aba73acf5546958571.png

答案:item

in

persons如果有多個(gè)復(fù)選框，應(yīng)用v-model綁定的是一個(gè)（

）。

答案:數(shù)組如果只有一個(gè)復(fù)選框，應(yīng)用v-model綁定的是一個(gè)（

）值。

答案:布爾值;布爾Vue事件綁定指令是（

），簡(jiǎn)寫符號(hào)是（

）。

答案:v-on;@Vue中實(shí)現(xiàn)雙向數(shù)據(jù)綁定的指令是（

）。

答案:v-model對(duì)元素的class屬性進(jìn)行綁定時(shí)，綁定的數(shù)據(jù)可以是對(duì)象或（

）。

答案:數(shù)組當(dāng)選中某個(gè)單選按鈕時(shí)，v-model綁定的屬性值會(huì)被賦值為該單選按鈕的（

）

答案:value;value值下列選項(xiàng)中表示監(jiān)聽(tīng)單擊事件語(yǔ)法糖定義正確的是()。

答案:@click="add"下列選項(xiàng)中插值不正確的是（

）。

答案:{{varx=35}}在Vue中，能夠?qū)崿F(xiàn)頁(yè)面單擊事件綁定的代碼是（

）

答案:v-on:click

如果要阻止瀏覽器的默認(rèn)行為，需要使用（

）事件修飾符。

答案:prevent

為HTML元素綁定屬性需要使用（

）指令。

答案:v-bind阻止默認(rèn)事件的指令是（

）。

答案:prevent

在子組件中觸發(fā)自定義事件的方法是$emit

答案:對(duì)封裝組件時(shí)，如果不知道此區(qū)域存放的具體內(nèi)容，可以通過(guò)元素定義插槽，從而為用戶預(yù)留內(nèi)容占位符。

答案:對(duì)props是父組件用來(lái)傳遞數(shù)據(jù)的一個(gè)自定義屬性

答案:對(duì)子組件給父組件傳遞數(shù)據(jù)通過(guò)自定義屬性props實(shí)現(xiàn)

答案:錯(cuò)下列代碼中，通過(guò)Prop將父組件的數(shù)據(jù)傳遞給子組件，將代碼補(bǔ)充完整。

父組件代碼

子組件代碼

{{myTitle}}

答案:myTitle下列代碼中，通過(guò)Prop將父組件的數(shù)據(jù)傳遞給子組件，將代碼補(bǔ)充完整父組件代碼

子組件代碼

{{msg}}

答案:props:['msg']自定義事件中，子組件用(

）來(lái)觸發(fā)自定義事件，父組件使用v-on或@來(lái)監(jiān)聽(tīng)子組件的事件。

答案:$emit使用app.Component(tagName,options)定義的組件屬于（

）注冊(cè)方式

答案:全局注冊(cè)vue的生命周期，執(zhí)行順序正確的是（

）。

答案:beforeCreate→created→mounted→unmounted下列關(guān)于生命周期鉤子函數(shù)的說(shuō)法錯(cuò)誤的是（

）。

答案:unmounted鉤子在實(shí)例被銷毀之前進(jìn)行調(diào)用在組件被銷毀之后調(diào)用的鉤子函數(shù)是（

）。

答案:unmounted在子組件中觸發(fā)自定義事件的方法是（

）。

答案:$emit

關(guān)于vue組件之間的傳值，以下說(shuō)法錯(cuò)誤的是（

）。

答案:非父子組件之間不能傳值

下列關(guān)于組件props的描述錯(cuò)誤的是（

）

答案:使用props驗(yàn)證的時(shí)候，prop接收的參數(shù)是一個(gè)數(shù)組

在項(xiàng)目中Vue組件是以（

）后綴命名的文件格式。

答案:.vue父組件傳遞數(shù)據(jù)到子組件使用（

）選項(xiàng)，并且這傳遞是單向的，只能由父組件傳到子組件。

答案:props子組件給父組件傳遞數(shù)據(jù)通過(guò)（

）事件觸發(fā)的方式實(shí)現(xiàn)，父組件使用v-on/@自定義事件進(jìn)行監(jiān)聽(tīng)即可。

答案:$emit插槽可以使用（

）屬性來(lái)配置如何分發(fā)內(nèi)容，多個(gè)slot可以有不同的名字。

答案:name在多個(gè)組件之間進(jìn)行切換的時(shí)候，為了保持這些組件的狀態(tài)，可以用（

）元素將動(dòng)態(tài)組件包裹起來(lái)。

答案:;keep-alive在使用動(dòng)態(tài)組件時(shí)，需要將組件動(dòng)態(tài)綁定到元素的（

）屬性，根據(jù)該屬性的值來(lái)判斷使用哪個(gè)組件。

答案:isVue.js提供了兩種注冊(cè)組件的方式，分別是全局注冊(cè)和（

）。

答案:局部注冊(cè)@vue/cli創(chuàng)建的項(xiàng)目中，APP.vue是項(xiàng)目的入口文件

答案:錯(cuò)使用Vue-cli腳手架創(chuàng)建Vue項(xiàng)目后，使用vuecreateserve將項(xiàng)目運(yùn)行起來(lái)。

答案:錯(cuò)@vue/cli創(chuàng)建的項(xiàng)目中,store.js是項(xiàng)目的路由配置文件

答案:錯(cuò)在vue項(xiàng)目中，通常使用的是axios庫(kù)，和后臺(tái)交互獲取數(shù)據(jù)。（）

答案:對(duì)在元素顯示與隱藏的過(guò)渡中，用于定義元素離開(kāi)過(guò)渡生效時(shí)的狀態(tài)的class類名

答案:v-leave-active

在元素顯示與隱藏的過(guò)渡中，用于定義元素進(jìn)入過(guò)渡生效時(shí)的狀態(tài)的class類名是（

）

答案:v-enter-active

下面選項(xiàng)中，可以用來(lái)創(chuàng)建vue項(xiàng)目的命令的是

答案:vuecreatemydemo在完成天氣預(yù)報(bào)項(xiàng)目中，控制臺(tái)出現(xiàn)了以下報(bào)告，錯(cuò)誤的原因是（

）AccesstoXMLHttpReques