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

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

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

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

)。

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

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

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

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

）。

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

）。

答案:this.$route.params.id

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

）。

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

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

）屬性來下定義子路由。定義子路由時,path屬性值可以不加（

）′符號，直接寫路徑名稱。

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

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

)

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

）屬性傳一個對象。

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

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

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

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

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

）組件。

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

）。

答案:編程式導(dǎo)航通過一個名稱來標識一個路由的方式稱為（

）。

答案:命名路由使用（

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

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

）進行組件之間的切換。

答案:路由;路由規(guī)則Vue實例的配置選項methods用來定義可以通過Vue實例訪問的方法。

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

答案:錯屬性綁定的語法是

答案:v-bind:;

:插值表達式用什么表示

答案:{{}};{{

}}Vue2.x

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

）。

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

）參數(shù)（節(jié)點）中進行定義。

答案:dataVue組件對象通過（

）方法來創(chuàng)建

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

）。

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

）的漸進式框架

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

）模式來實現(xiàn)的

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

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

）。

答案:watch

npm包管理器是基于（

）平臺使用的。

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

）

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

）

答案:增加代碼的耦合度

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

）。

答案:Vue與React語法是完全相同的

在Vue.js中，計算屬性需要定義在（

）選項中。

答案:computed

在Vue實例中可以定義方法的是（

）選項。

答案:

methods

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

）。

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

）。

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

）。

答案:<script>

下列選項中，表示一個Node.js的包管理工具，用來解決Node.js代碼部署問題的是（

）。

答案:npm下列選項中，（

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

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

）。

答案:npmuninstall下列選項中，代表視圖部分的是（

）

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

）

答案:v-onv-show指令的特點是（

）

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

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

）。

答案:

在下列Vue指令中描述錯誤的是（

）。

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

在下面的雙大括號標簽中，（

）是無效的表達式。

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

）。

答案:get

下列對于v-show指令的描述錯誤的是（

）

答案:如果在運行時條件很少改變，則需要使用v-show

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

）。

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

）指令。

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

）。

答案:

v-bind

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

-

{{count}}

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

__________

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

{{item}}

答案:iteminlists;

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

顯示

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

）。

=90">A等

=75">B等

=60">C等

D等

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

）。

{{len}}

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

）。

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

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

）。

{{str.toLowerCase()}}

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

）

真

假

答案:假當元素綁定的v-if指令的值設(shè)置為__________時表示顯示元素，否則隱藏元素

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

），以“v-”開頭，作用于HTML元素。

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

）。

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

）前綴的特殊屬性。

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

）指令。

答案:v-htmlv-on指令的簡寫形式是在事件名稱前添加符號（

）。

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

）符號指明的特殊后綴。

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

）選項。

答案:deep如果需要對一組元素進行判斷，需要使用（

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

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

答案:對如果要阻止瀏覽器的默認行為，需要使用prevent

事件修飾符。

答案:對v-show指令和v-if指令一模一樣

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

答案:錯在下面代碼中，當鼠標指向圖片時為圖片添加邊框，請將代碼補充完整。

答案:e.target.style.border下列代碼中，當單擊【顯示】按鈕時在控制臺輸出Vue.js，將代碼補充完整。

顯示

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

{{str.totoUpperCase()}}

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

{{str.toLowerCase()}}

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

答案:this.persons.forEach(element

=>

{

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

答案:item

in

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

）。

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

）值。

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

），簡寫符號是（

）。

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

）。

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

）。

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

）

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

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

）。

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

）

答案:v-on:click

如果要阻止瀏覽器的默認行為，需要使用（

）事件修飾符。

答案:prevent

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

）指令。

答案:v-bind阻止默認事件的指令是（

）。

答案:prevent

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

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

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

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

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

父組件代碼

子組件代碼

{{myTitle}}

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

子組件代碼

{{msg}}

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

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

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

）注冊方式

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

）。

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

）。

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

）。

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

）。

答案:$emit

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

）。

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

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

）

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

在項目中Vue組件是以（

）后綴命名的文件格式。

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

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

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

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

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

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

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

）元素將動態(tài)組件包裹起來。

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

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

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

）。

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

答案:錯使用Vue-cli腳手架創(chuàng)建Vue項目后，使用vuecreateserve將項目運行起來。

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

答案:錯在vue項目中，通常使用的是axios庫，和后臺交互獲取數(shù)據(jù)。（）

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

答案:v-leave-active

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

）

答案:v-enter-active

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

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

）AccesstoXMLHttpReques