Vue应用开发方选政教材配套习题及答案

VUe应用开发 方选政 教材配套习题及答案

第一章：情境一

一、选择题

1 .下列哪个选项不是单页面应用程序（SPA）的优点？

A.不需要重新加载整个页面，运行流畅

B.高效的前后端分离模式

C.有利于SEO

2 .下列哪些是Vue的特性？（多选）

A.轻量级

B,双向数据绑定

C.组件化

D,数据驱动视图

3 .不属于Vue使用虚拟DOM的特点是？

A.虚拟节点可以理解成节点描述对象，它描述了应该怎样去创建真实的DOM节点

B.虚拟DOM优势：渲染引擎操作DoM慢，JS运行效率高，于是将DOM对比操作放 在JSD.减轻服务器压力

层，提高效率

C.提升渲染性能Virtual DOM的优势不在于单次的操作，而是在大量、频繁的数据更 新下，能够对视图进行合理、高效的更新

D. Virtual DOM是以JaVaSCriPt对象为基础，所以必须依赖于浏览器才能运行

4.

下面不属于Vue组件的是？

A. Vue Router

B. Vue CLI

C. Vuex

D. ElementUI

5. Vue Router功能不包括？

A.嵌套路由映射

B.动态路由选择

C.页面布局

D.模块化、基于组件的路由配置

6. Vue Cli功能不包括？

A.实现的交互式的项目脚手架

B.调试应用程序

C.实现的零配置原型开发

D.运行时依赖

7. React和Vue描述错误的是？

A.在React应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整 个组件子树

B.在

VUe

中，一切都是

JaVaSCriPt

C. Vue和React都提供了强大的路由来应对大型应用

D.在Vue应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个 组件确实需要被重渲染

8. AngularJS和Vue描述错误的是？

Λ. AngUIaΛJS有更好的性能，并且非常非常容易优化

B. AngularJS使用双向绑定，Vue在不同组件间强制使用单向数据流

C. Vue. js是一个更加灵活开放的解决方案

D. Vue的一些语法和AngularJS的很相似，因为AngularJS是Vue早期开发的灵感 来源

9. Angular和Vue描述错误的是？

Λ.这两个框架都很快，有非常类似的benchmark数据

B. Angular事实上必须用TypeScript来开发

C. AngUIar相比VUe于更加灵活

D.最近的Angular版本中在使用了

AOT和tree-shaking技术后使得最终的代码体 积减小了许多

10.

下面关于VUeX描述错误的是？

Λ, Vuex是一个专为Vue. js应用程序开发的状态管理模式库

8. Vuex采用分布式存储管理应用的所有组件的状态

C.每一个Vuex应用的核心就是store

（仓库），store基本上就是一个容器，它包含

着你的应用中大部分的状态state

D.在单页面应用中，Vuex能很好的在组件外部管理状态

二、简答题

L什么是Vue框架？

2. Vue生态系统中包括了哪些插件？

第一章：情境二

一、选择题

1 .关于Vue-Cli说法错误的是？

A. Vue CLI是一个基于Vue. js进行快速开发的完整系统

B. CLI(@vue/cli)是一个全局安装的npm包，提供了终端里的Vue命令

C. CLI目前还不能提供图形化界面管理你的所有项目

D. CLI服务是构建于webpack和webpack-dev-server之上的

2,下列关于Vue2和Vue3的描述错误的是？

A. Vue3中TemPlate支持多个根标签，Vue2不支持

B. Vue3中的生命周期的挂载钩子是OnMounted,需要引入才能使用

C. Vue3组合API中的setup()方法中不可以使用生命周期钩子函数

D. Vuo3引入了

tree-shaking,以模块的方式引入api,减小打包体积

3 .下列关于Vue Cli的描述错误的是？

A. Vue CLI有几个独立的部分，Vue CLI仓库里同时管理了多个单独发布的包

B.安装

VUe 3+

命令为：npm install vue-cli

C.安装VUe 3+

命令为：npm install Θvue∕cli

D.安装Vue 3+后若要使用init命令，还需安装npm install @vuo/cli-init

4 .下列关于Vue Init项目描述错误的是？

A. build为项目构建包

B. config为项目开发环境配置包

C. src为项目源码包

D. index, html文件在src源码包中，所有的页面文件都放置在源码包内

5 .下列哪个选项不是单页面应用程序(SPA)的优点？

A.不需要重新加载整个页面，运行流畅

B.高效的前后端分离模式

C.有利于SEO

6 .下列关于NodeJs的描述错误的是？

Λ, Node. js在一台服务器上处理数千个并发连接时需引入管理线程

B. Node. js是一个开源与跨平台的JavaScript运行时环境

C. Node, js在浏览器外运行V8 JavaScript引擎

D. Node, js应用程序运行于单个进程中，无需为每个请求创建新的线程

7 .下列关于npm的描述错误的是？

Λ. Npm是Node, js标准的软件包管理器

B. Npm制定版本安装命令个：npm i #版本

C. NPnl提供包下载、更新、卸载、版本控制、运行任务等功能

D. Npm可运行package. json中定义的任务

8

.使用VUelnit创建项目可采用的包有？(多选)

A. browserify

B. browserify-simple

C. webpack

D. webpack-simple

9

.使用VUeInit创建项目时描述信息错的的是？

Λ. Project name：项目名称，可直接回车

B. Install vue-router? (y∕n)：是否安装

Vue Router

C. USe ESLint to lint your code? (y∕n)：是否初始化代码

D. Setup unit tests with Karma + Mocha? (y∕n)：是否安装单元测试

10 .本机同时启动两个Init项目，描述正确的是？

Λ,第二个项目无法启动，端口被占用

D.减轻服务器压力

B.

第二个项目无法启动，因同一台机器智能启动一个项目

C.第二个项目可以启动，自动采用其余端口

D.第二个项目可以启动，自动停止第一个项目

二、简答题

L阐述Vue Cli从2. X升级到3.x过程。

2.阐述VUe init项目目录结构。

第一章：情境三

一、选择题

1 .关于Vue Cli Create项目命令正确的是？

A. VUe create projectName

B. vue create browserify projectName

C. vue create webpack projectName

D. vue create webpack-simple projectName

2 .关于Vue Cli Create项目包结构描述错误的是？

A. /node modules：项目依赖包

B. /public：入口文件公共包

C. /src：源码包

D. /router：项目路由配置包

3 .关于Vue Cli描述错误的是？

A. Create项目不能创建Vue 3.x项目

B.使用vue create之前必须安装vue cli

C. VUe cli

的安装命令是

npm install -g @vue/cli

D. @VUC/cli兼容init创建项目方式

4.关于main, js描述错误的是？

A. main, js是项目全局js入口文件

B. main, js中需要初始化Vuc实例，并绑定index, html中id为app的div

C.在main, js中使用了

Vue Render服务器渲染技术

D. main, js

和

index, html

在同一个目录

5 .启动create项目的命令正确的是？

A. npm run server

B. npm run serve

C. npm run dev

D. npm run live

6 . Vue项目默认启动端口是？

A. 80

B. 443

C. 8080

D. 8088

7 .关于App. vue描述正确的是？（多选）

A. Λpp. vue是项目的根组件

B. App. vue

由

IenIPlate、script、StyIe

组成

C. App. vue由main, js导入，并渲染到index, html页面

D. App. vue中需要导出VUe实例，并指定名字

8 .关于App. vue导入组件描述错误的是？

A.在script标签中使用import语法导入组件

B.在components中注册组件

C.导入组件可以同名

D.在template中使用组件

9 .关于inil和Create项目描述错误的是？

A. init项目需要选择模版，create项目无需选择模版

B. init项目和CreaIe项目包结构相同

C. init项目和Create项目启动命令不同

D. create项目能创建vue3. X项目

二、简答题

L阐述Vue create单页面渲染过程。

2.阐述Vue init^ Creale项目的区别。

第一章：情境四

一、选择题

1 .关于Vue Cli Ui项目命令正确的是？

Λ. vue Ui projectName

B. vue ui browserify projectName

C. vue ui webpack projectName

D. vue ui

2 .关于Vue Cli Ui项目包结构描述正确的是？（多选）

Λ. /node_modules：项目依赖包

B. /public：入口文件公共包

C. ∕src:源码包

D. /src/router：项目路由配置包

3 .启动vue ui项目的命令正确的是？

A. npm run server

B. npm run serve

C. npm run dev

D. npm run live

4 .关于vue ui项目描述错误的是？

Λ,可以选择VUe2、VUe3、手动配置方式、远程预设方式创建项目

B.可以在项目管理中直接编译和启动项目

C.项目管理器地址

localhost:8000/project∕select

D.需使用命令方式启动项目

5 .关于vue ui项目自动依赖的环境有？（多选）

Λ. Vue 3

B. babel

C. ESLint

D. ElementUI

二、简答题

L阐述Vue Ui创建项目流程。

第二章：情境一

一、选择题

1 . Vue模板语法有？(多选)

A.插值

B.指令

C.缩写

D.脚本

2 . Vue插值使用场景不包括？

A. Text

B. HTML

C. JavaScript

D. CSS

3 .下列关于v-model的说法，哪项是不正确的是？

A. v-model如果为不同元素绑定数据，则使用不同的元素property,并抛出不同的 事件

B.

C.

v-model本质上是语法糖，它负责监听用户的输入事件以更新数据

v-model是内置指令，不能用在自定义组件上

D.对input使用v-model,实际上是指定其rvalue和input事件

4 .关于Vue双向数据绑定说法错误的是：

A. Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式

B. Object. defineProperty (obj, key, val)可以监听数组变化，不需要做特殊处理

C. Vue2. 0

数据劫持是利用

ES5

的

Object. defineProperty (obj, key, val)方法来劫 持每个属性的getter和setter

D.用户更新了

View, Model的数据也自动被更新了，这种情况就是双向数据绑定

5 .以下代码打印结果为: