当前位置:首页 > 技术分析 > 正文内容

Vue-Web前端选择题(50题)

ruisui882周前 (04-11)技术分析11

1、Vue有下列哪几种功能【多选题】(2分)ABCD

A、解耦视图和数据 B、可复用的组件

C、数据绑定 D、功能插件化


2、Vue插值用下列那个符号(2分)C

A、《》 B、<>

C、{{}} D、()


3、关于Vue安装下列说法正确的是(2分)C

A、Vue是Javascript框架所以不需要安装

B、只要引入jQuery就可以使用Vue

C、Vue要用script标签引入

D、以上都不对


4、MVVM设计模式的优点包括【多选题】(2分)ABCD

A、低耦合 B、 独立开发

C、可重用性 D、可测试


5、创建一个Vue应用需要哪些步骤【多选题】(2分)ABD

A、定义View B、定义Model

C、定义Virtual DOM D、创建一个Vue实例或ViewModel


6、下列哪一项是Vue的核心(2分)B

A、View B、ViewModel

C、Model D、Controller


7、在Vue中,v-model的使用正确的是(2分)A

A、

B、

C、

D、以上都不对


8、Model、View、ViewModel、Controller的中文解释不正确的是(2分)A

A、ViewModel(控制器) B、Model(模型)

C、View (视图) D、Controller(控制器)


9、Vue常用选项参数中必须的参数是(2分)B

A、data B、el

C、methods D、filters


10、在Vue中,下列说法错误的是(2分)A

A、Vue中选项参数el只能用css选择器

B、在Vue示例内部访问data中的数据,可以使用“this.数据”

C、v-model可以在select表单控件元素上创建双向数据绑定

D、Vue实例可以作用在body元素上


11、下列Vue选项参数说法错误的是(2分)B

A、watch:观察Vue实例变化的一个表达式或计算属性函数

B、filters:Vue实例的计算属性集合

C、template:定义字符串模板作为Vue实例的标识使用

D、components:包含Vue实例可用组件的哈希表


12、在Vue生命周期中,下列钩子函数被执行的先后顺序正确的是(2分)A

A、created()--->mounted()--->beforeDestroy()

B、mounted()--->created()--->beforeDestroy()

C、beforeDestroy()--->created()--->mounted()

D、created()--->beforeDestroy()--->mounted()


13、在Vue中,DOM 渲染在哪个周期中就已经完成(2分)C

A、created B、beforeCreate

C、mounted D、beforeMount


14、在Vue中,下列关于created和mounted说法正确的是【多选题】(2分)BCD

A、created中可以对dom节点进行操作

B、created先于mounted执行

C、created中可以初始化处理数据

D、mounted中可以对dom节点进行操作


15、Vue实例在销毁前会调用的函数是(2分)C

A、created B、mounted

C、beforeDestroy D、destroyed


16、关于Vue全局过滤器和局部过滤器下列说法正确的是【多选题】(2分)ABC

A、全局过滤器作用域是全部Vue实例

B、局部过滤器作用域是实例内部

C、一个表达式可以使用多个过滤器

D、当全局过滤器和局部过滤器名称相同时全局过滤器优先


17、下列关于Vue说法错误的是(2分)D

A、Vue和Angular都可以用来创建复杂的前端项目

B、Vue的优势主要包括轻量级、双向数据绑定

C、Vue 在进行实例化之前,应确保已经引入了核心文件 vue.js

D、Vue 与 React 语法是完全相同的


18、Vue 实例对象中能够监听状态变化的参数是(2分)A

A、watch B、filters

C、watching D、components


19、以下文本插值方式能够实现渲染一次数据,后续数据变化不再关心是(2分)B

A、Text:{{ text }}

B、Text:{{ text}}

C、

D、以上都不行


20、关于Vue插值下列说法错误的是(2分)D

A、{{ 变量名 }}插入与绑定文本

B、{{表达式}}还可以使用JavaScript表达式进行简单的运算

C、{{}}中不能同时写多个字段数据

D、以上说法都不对


21、在Vue中,以下表达式正确的是(2分)C

A、{{ if(ok) return msg }}

B、{{ var str = “你好” }}

C、{{ ok? "Yes":"No" }}

D、{{ msg , num }}


22、关于Vue指令下列说法正确的是【多选题】(2分)ABCD

A、Vue 中实现双向数据绑定的指令是v-model

B、Vue 事件绑定指令是v-on

C、Vue 实例对象指令主要包括自定义指令和内置指令

D、v-bind 单向绑定,无交互


23、在Vue中,被用来响应地更新HTML属性的指令是(2分)C

A、v-on B、v-if

C、v-bind D、v-model


24、在 Vue 中,能够实现页面单击事件绑定的代码是(2分)B

A、v-on:enter B、v-on:click

C、v-on:mouseenter D、v-on:doubleclick


25、 Vue 生命周期的理解正确的是【多选题】(2分)ABC

A、Vue实例从创建到销毁的过程

B、在beforeCreate 阶段,vue实例的挂载元素el还没有

C、当 data 变化时,会触发 beforeUpdate 和 updated 方法

D、created阶段,vue实例的挂载元素el已挂载


26、在Vue中,关于v-bind:class说法正确的是【多选题】(2分)BCD

A、不可以与普通的class属性共存

B、类样式名可以有多个

C、v-bind:class可以简写成 :class

D、v-bind:class可以使用三目表达式


27、Vue绑定内联样式指令正确的是(2分)B

A、v-bind:class B、v-bind:style

C、v-bind:href D、v-bind:title


28、Vue模板语法不包括(2分)D

A、 文本插值 B、 表达式

C、 指令 D、 函数


29、在Vue中,下列属于条件渲染指令的是【多选题】(2分)ABC

A、v-if B、v-else

C、v-show D、v-on


30、在Vue中,关于v-if和v-else下列说法错误的是(2分)C

A、v-if可以控制元素的显示或隐藏

B、v-else元素必须立即跟在v-if后面

C、当v-if条件为true时显示v-else元素

D、v-if可以单独使用,不一定需要v-else


31、在Vue中,关于v-show和v-if的说法错误的是(2分)D

A、两者都可以控制元素的显示和隐藏

B、v-if初始渲染时条件为假,则什么也不做。—直到条件第一次变为真时,才会开始渲染条件块

C、v-show通过控制css中的display设置为none,控制元素隐藏

D、在频繁的切换展示时,v-show相对于v-if要更消耗性能


32、在Vue中,v-show指令的特点正确的是【多选题】(2分)AC

A、v-show指令是通过修改元素的display CSS属性让其显示或者隐藏

B、v-show指令是直接销毁和重建DOM达到让元素显示和隐藏的效果

C、v-show指令是动态的把DOM进行隐藏或显示的效果

D、以上都不对


33、在Vue中,关于v-on说法错误的是(2分)C

A、v-on:click可以简写为@click

B、v-on可以监听组件的自定义事件

C、v-on:click可以直接监听组件触发的原生click事件

D、v-on可以一次监听多个事件


34、下列关于 Vue 实例对象说法不正确的是(2分)D

A、Vue 实例对象是通过 new Vue({})方式创建的

B、Vue 实例对象只允许有唯一的一个根标签

C、通过 methods 参数可以定义事件处理函数

D、Vue 实例对象中 data 数据不具有响应特性


35、在Vue中,下列关于事件修饰符解释错误的是(2分)A

A、.once:点击事件可以触发多次。

B、.stop:等同于调用event.stopPropagation()。

C、.prevent:等同于调用event.preventDefault()。

D、.capture:使用capture模式添加事件监听器。


36、在Vue中,关于生命周期的说法错误的是(2分)D

A、Vue从创建到挂载完毕,依次触发的钩子函数为:beforeCreate、created、beforeMount、mounted

B、当数据被更改时,依次触发的钩子函数为:beforeUpdate、updated

C、当调用vm.$destroy()时,依次触发的钩子函数为:beforeDestroy、destroyed

D、在beforeCreate函数内部,可以拿到data数据


37、在Vue中, 正确的是(2分)B

A、阻止表单默认提交事件 B、阻止单击事件继续传播

C、阻止默认提交事件且阻止冒泡 D、点击事件将只会触发一次


38、Vue事件处理方法和表达式都严格绑定在(2分)A

A、ViewModel B、View

C、DOM D、Model


39、在使用Vue事件绑定时,当ViewModel被销毁时(2分)C

A、所有事件处理器都会自动保存 B、部分的事件处理器会自动保存

C、所有事件处理器都会被自动删除 D、以上说话都不对


40、在Vue中,以下哪个指令是用来监听DOM事件的(2分)A

A、v-on B、v-for

C、v-model D、v-bind


41、在Vue中,以下不属于Vue事件绑定的优点的是(2分)D

A、无需手动管理事件 B、所有事件处理器都会自动保存

C、解耦 D、不会导致维护困难


42、在Vue中,()指令使用"item in items"形式的语法(2分)B

A、v-on B、v-for

C、v-once D、v-bind


43、在Vue中,下列有关v-for代码使用正确的是(2分)B

A、v-for="item in item"

B、v-for="item in items"

C、v-for="items in item"

D、v-for="items in items"


44、在Vue中,v-for="(参数一,参数二,参数三) in items",参数一,参数二,参数三分别代表(2分)A

A、对象,属性,索引 B、属性,对象,索引

C、索引,属性,对象 D、索引,对象,属性


45、在Vue中,Vue的计算属性写在Vue实例的哪个选项中(2分)B

A、data B、computed

C、watch D、methods


46、在Vue中,当计算属性依赖的数据发生改变时(2分)C

A、计算属性不会重新执行,视图也不会更新 B、计算属性会重新执行,视图不会更新

C、计算属性会重新执行,视图也会更新 D、以上说法都错误


47、在Vue中,计算属性以什么方式写在Vue的实例中(2分)A

A、函数 B、变量

C、实例 D、选项


48、在Vue中,每一个计算属性都(2分)C

A、只包含一个getter()方法

B、只包含一个setter()方法

C、包含一个getter()方法和一个setter()方法

D、以上说法都错误


49、Vue中使用侦听属性主要是用来(2分)C

A、观察Vue示例上的数据变动 B、响应Vue示例上的数据变动

C、观察和响应Vue实例上的数据变动 D、以上说法都错误


50、在Vue中,以下有关侦听属性正确的是【多选题】(2分)AB

A、watch最初绑定的时候不会执行的,数据改变时才会执行侦听

B、watch是一个对象,其中watch对象的属性是需要侦听的目标

C、watch对象的属性值是一个函数,这个函数只有一个形参

D、watch最初绑定就会执行,每次数据改变就会执行侦听

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3406.html

标签: vue 修饰符
分享给朋友:

“Vue-Web前端选择题(50题)” 的相关文章

车辆费用统计管理系统

车辆费用统计管理系统headerfooter《车辆费用统计管理系统》是一款适用于中小型货运车辆管理公司统计车辆费用。主要包括车辆信息,费用管理,汇总统计等功能。本管理系统多处具有快速辅助录入功能,操作简单,易学、易用;处理功能高效强大,是协助您的好帮手!主要功能:1.基础设置:车辆档案、驾驶员信息2...

vue项目-父页面数据变化使子页面更新的几种情况

当操作页面时候,特别是增删改操作之后,数据会有所改变,这个时候我们希望组件中的数据要和最新数据一致,就需要重新更新渲染。以下是针对几种不同情况下方式:一.子页面调用接口后重新渲染1.使用ref方式父组件中用ref=“xxx” 来声明子组件,然后通过在父组件值改变的地方来调用子组件中的方法this.$...

Vue.js 组件通信的 3 大妙招

在 Vue.js 中,组件化是其核心概念之一,允许你将复杂的界面拆分成多个独立的、可复用的组件。在构建大型应用时,如何高效地在组件之间传递数据和触发事件是非常重要的。Vue.js 提供了多种方式来处理组件间的通信,下面是最常用的 3 种方式:1.父子组件通信:通过 Props 和 Events在 V...

祸害阿里云宕机3小时的IO HANG究竟是什么?

本文来自微信公号“CSDN”(ID:CSDNnews),作者 | 王知无, 责编| 郭 芮。2019年3月3日凌晨,微博炸锅,有网友反映说阿里云疑似出现宕机,华北很多互联网公司受到暴击伤害,APP、网站全部瘫痪,我自己的朋友圈和微信群里也有好友反馈,刚刚从被窝被叫起来去修Bug,结果发现服务器登不上...

html5+css3做的响应式企业网站前端源码

大家好,今天给大家介绍一款,html5+css3做的响应式企业网站前端源码 (图1)。送给大家哦,获取方式在本文末尾。首页banner幻灯片切换特效(图2)首页布局简约合理(图3)关于我们页面(图4)商品列表(图5)商品详情(图6)服务介绍(图7)新闻列表(图8)联系我们(图9)源码完整,需要的朋友...

Vue进阶(幺叁捌):vue路由传参的几种基本方式

1、动态路由(页面刷新数据不丢失)methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`,...