Vue.js复习题库

Vue.js复习题库。

相关图书：《Vue.js前端开发实战（第2版）》-中国工信出版集团，人民邮电出版社-黑马程序员-ISBN9787115618153

印次：2023年8月

单选题

答题设置

直接显示答案直接显示解析

1. 下列 v-model 提供的修饰符中，用于自动将用户输入的值转换为数字类型的修饰符是

A.right

B.left

C.number

D.lazy

2. 下列选项中，vue-router 的安装命令正确的是

Anode install vue-router@4

Byarn add vue-router@4

Cnpm I vue-router@4

Dnpm Install vueRouter@4

3. 下列选项中，关于 Vue Router 全局前置守卫 beforeEach（）方法的说法错误的是

AbeforeEach() 方法中 from 参数表示当前导航正要离开的路由对象

BbeforeEach() 方法中若省略 next 参数，则不允许用户访问任何一个路由

CbeforeEach() 方法中 to 参数表示目标路由对象

DbeforeEach() 方法中接收 to、from、next 形参

4. 下列选项中，可以实现捕获 Enter 键的事件修饰符是

A.once

B.prevent

C.capture

D.enter

5. 下列选项中，用于获取 Vue Router 全局实例对象的方法是

AuseRouter()

Broute()

CuseRoute()

Drouter()

6. 下列 v-model 提供的修饰符中，用于自动过滤用户输入的首尾空白字符的修饰符是

A.number

B.trim

C.lazy

D.right

7. 下列选项中，用于在路由匹配规则中实现路由重定向的属性是

Aforword

Breplace

Cpush

Dredirect

8. 下列 v-model 提供的修饰符中，用于在 change 事件触发时更新数据的修饰符是

A.number

B.right

C.trim

D.lazy

9. 下列选项中，关于前、后端路由的说法错误的是

AVue 中的路由属于后端路由

B后端路由的整个过程发生在服务器端

CNode.js 环境中的 Express 框架中的路由属于后端路由

D前端路由的整个过程发生在浏览器端

10. 下列选项中，关于跨组件之间数据传递说法错误的是

A对子组件而言，如果想要注入上层组件提供的数据，则需要使用到 inject() 函数

B跨组件之间之前的数据共享可以通过依赖注入的方式来实现

Cprovide() 函数可以提供一个值，可以被后代组件所注入

Dprovide() 函数可以接收 2 个参数，第 1 个参数是要注入的值，第 2 个参数是注入名

11. 下列选项中，关于单文件组件说法错误的是

A模板用于搭建当前组件的 DOM 结构

B单文件组件由模板、样式与逻辑三部分构成

C在使用 Vite 创建 Vue 项目后，每个后缀名为 .vue 文件的都用来定义一个单文件组件

D样式用于通过 JavaScript 代码为当前组件设置样式

12. 下列选项中，关于 Vue Router 的描述错误的是

AVue Router 是 Vue.js 官方的路由管理器

BVue Router 提供的路由功能不能直接在 Vue 组件中使用

CVue Router 是一个基于 Hash 或 HTML5 模式的前端路由库

DVue Router 可以用于创建单页面应用(SPA)

13. 下列选项中，用于定义组件缓存的标签是

A <slot>标签

B<KeepAlive>标签

C<template>标签

D<component>标签

14. 下列选项中，关于自定义指令说法错误的是

A私有自定义指令只能在声明该指令的组件中使用

B在 Vue 中，可以通过 app.directive() 函数声明全局自定义指令

C全局自定义指令可以在全局进行使用

D在 Vue 中，不能为自定义指令绑定参数

15. 下列选项中，当路由离开对应组件的视图时才会触发的 Vue Router 的导航守卫函数是

AbeforeEnter()

BbeforeRouteUpdate()

CbeforeRouteEnter()

DbeforeRouteLeave()

16. 下列选项中，关于 npm 工具说法正确的是

Anpm 安装包时，必须等到当前包安装完成后才会继续后面的安装

B使用 npm 安装同一个包时，会对包进行缓存，再次安装时无须重复下载

C使用 “npm install 包名 -g” 命令表示将包安装到当前项目中

D使用 npm 命令时，不需要安装 Node.js

17. 下列 Vue 3 项目的目录结构中，项目的入口文件是

Asrc\main.js

Bsrc

Csrc\App.vue

D.vscode

18. 下列选项中，当组件被缓存时执行的生命周期函数是

AonActivated()函数

BonUpdated()函数

ConMounted()函数

DonDeactivated()函数

19. 下列选项中，关于作用域插槽说法错误的是

A具名插槽和作用域插槽不可以作用在同一个 <slot> 标签上

B通过作用域插槽可以实现在父组件中使用子组件中的数据

C作用域插槽是带有数据的插槽

D在作用域插槽中，可以将数据通过类似传递 props 属性的形式添加到 <slot> 标签上

20. 下列选项中，用于将响应式对象中的所有属性转换为响应式数据的函数是

Areactive()

BtoRef()

Cref()

DtoRefs()

21. 下列选择中，关于 MVVM 的说法错误的是

AViewModel 负责监听 Model 或者 View 的改变

BModel 主要负责业务数据的处理

CModel 和 View 可以直接通信，互相监控双方的动作，并及时进行相应操作

DView 负责视图的处理

22. 下列选项中，关于插槽说法错误的是

A在封装组件时，可以通过 <component> 标签定义插槽

B插槽是组件封装期间为组件的使用者预留的占位符，允许组件的使用者在组件内展示特定的内容

C在 <slot> 标签内可以添加内容作为插槽的默认内容

D在父组件中使用子组件的插槽时，需要将子组件写成双标签的形式

23. 下列选项中，在 Vue 3 中创建路由实例的函数为

AcreateRouter()

BcreateRoute()

CcreateRouterModule()

DcreateVueRouter()

24. 下列选项中，用于在路由匹配规则中实现嵌套路由的属性是

Aforword

Bredirect

Cchildren

Dpush

25. 下列选项中，用于全局注册组件的方法是

Amount()

Bcomponent()

Cdirective()

Dunmount()

26. 下列选项中，关于单页Web应用说法错误的是

A单页 Web 应用中的数据是通过 Ajax 获取的，不需要重新加载

B单页 Web 应用将所有的功能局限于一个 Web 页面中

C在页面加载完成后，该页面会因用户的操作而进行页面的重新加载或跳转

D单页 Web 应用仅在 Web 页面的初始化时加载相应的资源

27. 下列选项中，关于侦听器说法错误的是

Awatch() 函数中第 1 个参数表示侦听器的来源

B侦听器通过 watch() 函数定义

C通过侦听器可以实现在数据更新后进行相应的操作

Dwatch() 函数的第 2 个参数是一个对象，该对象的常用选项有 deep、immediate

28. 下列选项中，关于插槽说法错误的是

A插槽是组件封装期间为组件的使用者预留的占位符

B当需要使用多个插槽时，则需要为每个 <slot> 插槽指定具体的 name 属性

C在定义插槽时，直接写一个 <slot> 标签，它属于默认插槽

D如果组件的使用者为插槽提供内容，则默认内容生效

29. 阅读代码，下面这段代码实现的功能是

const router = createRouter({
    routes: [
        {
            path: '/users',
            component: Users,
            children: [
                {
                    path: 'profile',
                    component: UserProfile
                }
            ]
        }
    ]
});

A定义了路由 /users/profile

B定义了嵌套路由 /users和/users/profile

C定义了路由 /users 和 /profile

D定义了路由 /users

30. 下列选项中，关于 ref() 函数说法错误的是

Aref() 函数返回值为响应式数据

Bref() 函数用于将响应式对象中的单个属性转换为响应式数据

C如果需要更改响应式数据的值，可以通过“响应式数据.value = 新值”进行修改

Dref() 函数的参数为数据

31. 下列选项中，用于在 Vue Router 路由中定义动态参数的符号是

A()

B:

C{}

D[]

32. 下列选项中，关于 v-if 说法错误的是

Av-if 为内容渲染指令

B当 v-if 的值为 false 时，元素从 DOM 树中移除

C当 v-if 的值为 true 时，元素存在于 DOM 树中

Dv-if 是根据布尔值切换元素的显示或隐藏状态

33. 下列选项中，关于双向数据绑定指令说法错误的是

Av-model 内部会为不同的元素绑定相同的属性和事件

B使用 v-model 可以在 input 元素上创建双向数据绑定

CVue 提供了 v-model 来实现双向数据绑定

Dv-model 的语法格式为 <标签名 v-model="数据名"></标签名>

34. 下列选项中，关于 Vue 说法错误的是

AVue 支持 Pinia 插件

BVue 中自定义指令以 “on-” 开头

CVue 相比 Angular 和 React 而言，是一个轻量级的前端库

DVue 支持双向数据绑定

35. 下列选项中，关于 KeepAlive 组件说法错误的是

A只要是被 <KeepAlive> 标签包裹的组件就不会销毁

B在 <KeepAlive> 标签上添加 max 属性来设置最多可以缓存的组件实例个数

C若只想要对应组件名的组件被缓存，则需要通过 <KeepAlive> 标签的 exclude 属性来实现

DKeepAlive 组件通过 <KeepAlive> 标签来定义

36. 下列选项中，关于 npm 中常用的命令说法错误的是

A“npm install 包名”用于为项目安装指定名称的包

B“npm uninstall 包名”用于卸载指定名称的包

C“npm i 包名”用于更新指定名称的包

D“npm -v”命令用于查看 npm 的版本

37. 下列关于单文件组件的说法中，错误的是

A逻辑用于通过 JavaScript 代码处理组件的数据与业务

B样式用于通过 CSS 代码为当前组件设置样式

C在 Vue 3 中，<template> 标签中的 DOM 结构只能有一个根节点

D模板用于搭建当前组件的 DOM 结构

38. 下列选项中，关于事件绑定指令说法错误的是

A“v-on:事件名”简写为“:事件名”

B事件名即 DOM 中的事件名，如 click、input、keyup 等

C事件绑定指令为 v-on

D事件绑定指令可以为 DOM 元素绑定事件

39. 下列常用的自定义指令生命周期函数中，用于在绑定元素被挂载之前调用函数是

Amounted()函数

Bupdated()函数

Ccreated()函数

DbeforeMount()函数

40. 下列选项中，用于声明全局自定义指令的方法是

Adirective()

Bmount()

Ccomponent()

Dunmount()