Vue基础入门作业(含参考答案）

单选题

1、
下列选项中，代表视图部分的是（）。
1分
A、Element
B、DOM
C、Model
D、View

参考答案 : D 答案说明 : MVVM主要包含3个部分，分别是Model、View和ViewMode。
Model指的是数据部分，主要负责业务数据；View指的是视图部分，即DOM元素，负责视图的处理。

2、
下面选项中，是基于Chrome V8引擎的JavaScript运行环境，它可以让JavaScript运行在服务器端的是（）。
1分
A、npm.js
B、jQuery.js
C、vue.js
D、Node.js

参考答案 : D 答案说明 : 暂无解析

3、
下面选项中，用于卸载指定包依赖的命令的是（）。
1分
A、npm uninstall
B、npm install
C、npm update
D、npm start

参考答案 :A 答案说明 :
npm install：安装项目所需要的全部包，需要配置package.json文件；
npm uninstall：卸载指定名称的包；
npm install包名：安装指定名称的包，后面可以跟参数“-g”表示全局安装，“–save”表示本地安装；
npm update：更新指定名称的包；
npm start：项目启动；通过CDN方式引入Vue，可以缓解服务器的压力，加快文件的下载速度。目前，网络上有很多免费的CDN服务器可以使用
npm run build：项目构建。

4、
下面选项中，那一项是一款基于Chrome浏览器的扩展，用于调试Vue应用的工具（）。
1分
A、VS code
B、vue-devtools
C、Wechat
D、Chrome

参考答案 :B 答案说明 :
vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用，只需下载官方压缩包，配置Chrome浏览器的扩展程序即可使用

。
5、
下面选项中，表示一个Node.js的包管理工具，用来解决Node.js代码部署问题的是（）。
1分
A、webpack
B、vue
C、Node
D、npm

参考答案 : D 答案说明 : npm（Node.js Package
Manager）是一个Node.js的包管理工具，用来解决Node.js代码部署问题。
在安装Node.js时会自动安装相应的npm版本，不需要单独安装。

6、
Windows系统内置的命令行工具是（）。
1分
A、npm
B、cmder
C、git-bash
D、cmd

参考答案 : D 答案说明 : 暂无解析

7、
下面选项中，可以引入vue.js文件的是（）。
1分
A、 < a>
B、< script>
C、< style>
D、< link>

参考答案 :B 答案说明 : 暂无解析

8、
下面选项中，主要用来编写网页的结构的是（）。
1分
A、php
B、HTML
C、CSS
D、JavaScript

参考答案 :B 答案说明 : Web前端使用HTML、CSS和JavaScript作为基础语言，它们分别用来实现网页的结构、样式和行为。
HTML主要用来编写网页的结构，例如< a>< /a>表示超链接。

多选题

9、
下面选项中，关于Vue和React说法错误的是（）。
1分
A、Vue中也推崇编写以*.v后缀命名的文件格式
B、React使用的是DOM模板。
C、React采用了特殊的JSXH语法
D、React和Vue的中心思想是一切都是组件。

参考答案 :A,B,C 答案说明 : React和Vue的中心思想是一切都是组件，组件之间可以实现嵌套。
React采用了特殊的JSX语法，Vue中也推崇编写以*.vue后缀命名的文件格式，对文件内容都有一些规定，两者需要编译后使用。

10、
下面选项中，属于Visual Studio Code编辑器优势的是（）。
1分
A、简单
B、繁琐
C、高效
D、便捷

参考答案 :A,C,D 答案说明 :
VS Code编辑器特点主要包括：
1.轻巧极速，占用系统资源较少。
2.具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。
3.跨平台。不同的开发人员为了工作需要，会选择不同平台来进行项目开发工作，这样就一定程度上限制了编辑器的使用范围。VS Code编辑器不仅跨平台（支持Mac、Windows以及Linux），使用起来也非常简单。
（4）主题界面的设计比较人性化。例如，可以快速查找文件直接进行开发，可以通过分屏显示代码，主题颜色可以进行自定义设置（默认是黑色），也可以快速查看最近打开的项目文件并查看项目文件结构。
（5）提供了丰富的插件。VS
Code提供了插件扩展功能，用户根据需要自行下载安装，只需在安装配置成功之后，重新启动编辑器，就可以使用此插件提供的功能。

11、
下面选项中，关于Visual Studio Code编辑器说法正确的是（）。
1分
A、Visual Studio Code编辑器不仅跨平台（支持Mac、Windows以及Linux），使用起来也非常简单。
B、不能安装插件使用
C、Visual Studio Code编辑器具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。
D、轻巧极速，占用系统资源较少。

参考答案 :A,C,D 答案说明 : VS Code编辑器特点主要包括：
1.轻巧极速，占用系统资源较少。
2.具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。
3.跨平台。不同的开发人员为了工作需要，会选择不同平台来进行项目开发工作，这样就一定程度上限制了编辑器的使用范围。VS Code编辑器不仅跨平台（支持Mac、Windows以及Linux），使用起来也非常简单。
（4）主题界面的设计比较人性化。例如，可以快速查找文件直接进行开发，可以通过分屏显示代码，主题颜色可以进行自定义设置（默认是黑色），也可以快速查看最近打开的项目文件并查看项目文件结构。
（5）提供了丰富的插件。VS
Code提供了插件扩展功能，用户根据需要自行下载安装，只需在安装配置成功之后，重新启动编辑器，就可以使用此插件提供的功能。

12、
下列选项中，Vue.js的版本主要包括（）。
1分
A、vue.press.js
B、开发版本
C、生产版本
D、vue.max.js

参考答案 :B,C 答案说明 : 暂无解析

13、
下面选项中，属于命令行工具的是（）。
1分
A、cmdea
B、git-bash
C、bash
D、cmd

参考答案 :B,D 答案说明 :
git-bash是git（版本管理器）中提供的一个命令行工具，外观类似于Windows系统内置的cmd命令行工具，但用户体验更友好。

14、
Node.js有两个版本，主要包括（）。
1分
A、MIN
B、LTS
C、Current
D、LONG

参考答案 :B,C 答案说明 : Node.js有两个版本，LTS（Long Term
Support）是提供长期支持的版本，只进行微小的Bug修复且版本稳定，因此有很多用户在使用；
Current是当前发布的最新版本，增加了一些新特性，有利于进行新技术的开发使用。

15、
下面选项中，用于开发和调试Web项目的工具的是（）。
1分
A、浏览器
B、选择器
C、计时器
D、vue-devtools扩展

参考答案 :A,D 答案说明 : 暂无解析

16、
下面选项中，关于Vue说法正确的是（）。
1分
A、Vue不可以用来构建单页应用
B、Vue通过虚拟DOM技术来减少对DOM的直接操作
C、Vue支持单向和双向数据绑定
D、Vue组件化的特性提高了开发效率、使代码更容易复用

参考答案 :B,C,D 答案说明 :
单页应用是前端开发的一种形式，在切换页面的时候，不会刷新整个页面，而是通过Ajax异步加载新的数据，改变页面的内容。为了更方便地开发这类复杂的应用，市面上出现了Angular、React、Vue等框架。Vue通过虚拟DOM技术来减少对DOM的直接操作，通过尽可能简单的API来实现响应的数据绑定，支持单向和双向数据绑定。组件化的特性提高了开发效率、使代码更容易复用，提高了项目的可维护性，便于团队的协同开发。

判断题

17、
在构建大型交互式项目时，开发者需要编写大量的JavaScript代码来操作DOM，不需要处理浏览器的兼容问题。（）
1分

• ✔
• ✖

参考答案 :错 答案说明 :
在构建大型交互式项目时，开发者需要编写大量的JavaScript代码来操作DOM（文档对象模型），并处理浏览器的兼容问题，代码逻辑越来越烦琐。

18、
Vue与Angular较为相似，但Angular在学习上有一定难度。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : Angular的学习成本高，使用起来比较复杂，而Vue相对简单、直接，所以Vue使用起来更加友好，更简单。

19、
VS Code提供了插件扩展功能，用户根据需要自行下载安装。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

20、
指令npm install webpack@4.27.x -g表示全局安装webpack，且版本号是4.27.x。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

21、
Node.js还提供了交互式环境REPL，类似Chrome浏览器的控制台。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

22、
vue-devtools可以独立于Chrome浏览器单独使用。（）
1分

• ✔
• ✖

参考答案 :错 答案说明 :
vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用，只需下载官方压缩包，配置Chrome浏览器的扩展程序即可使用。

23、
在使用vue-devtools调试工具之前，需要将vue-devtools调试工具添加到Chrome浏览器的扩展程序中去。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

24、
vue-cli是快速创建Vue项目的脚手架工具。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

25、
Vue的核心文件有两种版本，其中开发版本和生产版本是完全相同的。（）
1分

• ✔
• ✖

参考答案 :错 答案说明 : 暂无解析

26、
Vue（读音/Vjuː/，类似于View）是一套用于构建用户界面的渐进式框架。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

27、
目前市场三大前端主流框架分别是Angular、React和Vue.js。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 目前市场三大前端主流框架分别是Angular、React和Vue.js。
Vue之所以被开发者青睐，主要是Vue秉承了Angular和React框架两者的优势，并且Vue的代码简洁、上手容易，在市场上也得到大量应用。

28、
VS Code编辑器不可以跨平台（支持Mac、Windows以及Linux），使用起来也非常简单。（）
1分

• ✔
• ✖

参考答案 :错 答案说明 : 不同的开发人员为了工作需要，会选择不同平台来进行项目开发工作，这样就一定程度上限制了编辑器的使用范围。 VS
Code编辑器不仅跨平台（支持Mac、Windows以及Linux），使用起来也非常简单。

29、
通过new Vue({})的方式创建Vue实例对象。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

30、
Current是当前发布的最新版本，增加了一些新特性，有利于进行新技术的开发使用。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : 暂无解析

31、
git-bash命令行工具可以代替Windows内置的cmd命令行工具来使用。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 :
git-bash是git（版本管理器）中提供的一个命令行工具，外观类似于Windows系统内置的cmd命令行工具，但用户体验更友好。
在实际开发中，经常会使用git-bash工具代替cmd。

32、
npm run build命令表示项目构建。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 :
npm install：安装项目所需要的全部包，需要配置；package.json文件；
npmuninstall：卸载指定名称的包；
npm install包名：安装指定名称的包，后面可以跟参数“-g”表示全局安装，“–save”表示本地安装；
npm update：更新指定名称的包；
npm start：项目启动；
npm run build：项目构建。

33、
Windows内置的cmd命令行工具与git-bash完全相同。（）
1分

• ✔
• ✖

参考答案 :错 答案说明 :
git-bash是git（版本管理器）中提供的一个命令行工具，外观类似于Windows系统内置的cmd命令行工具，但用户体验更友好。
在实际开发中，经常会使用git-bash工具代替cmd。

34、
JavaScript主要包括行为，主要是为页面提供交互效果，实现更好的用户体验。（）
1分

• ✔
• ✖

参考答案 :对 答案说明 : Web前端使用HTML、CSS和JavaScript作为基础语言，它们分别用来实现网页的结构、样式和行为。
JavaScript的功能主要包括实现页面逻辑、行为、动作等，用来动态操作元素的属性，主要是为页面提供交互效果，实现更好的用户体验。

填空题

35、
___主要包括内置指令和自定义指令，以“v-”开头，作用于HTML元素。
1分

参考答案 :【指令】 答案说明 : 指令主要包括内置指令和自定义指令，以“v-”开头，作用于HTML元素。
指令提供了一些特殊的特性，将指令绑定在元素上时，指令会给绑定的元素添加一些特殊的行为。
例如，v-bind动态绑定指令、v-if条件渲染指令、v-for列表渲染指令等。

36、
4.x版本的webpack还需要安装__脚手架工具才能正常使用。
1分

参考答案 :【webpack-cli】 答案说明 : 暂无解析

37、
插件用于对Vue框架功能进行扩展，通过_完成插件的编写，简单配置后就可以全局使用。
1分

参考答案 :【MyPlugin.install】 答案说明 :
插件用于对Vue框架功能进行扩展，通过MyPlugin.install完成插件的编写，简单配置后就可以全局使用。
常用的扩展插件有vue-router、Vuex等。

38、
在命令行执行命令____表示初始化vue项目。
1分

参考答案 :【vue init 】 答案说明 : 暂无解析

39、
Vue的数据驱动是通过____模式来实现的。
1分

参考答案 :【MVVM】 答案说明 : MVVM主要包含3个部分，分别是Model、View和ViewMode。
Model指的是数据部分，主要负责业务数据；View指的是视图部分，即DOM元素，负责视图的处理。
ViewModel是连接视图与数据的数据模型，负责监听Model或者View的修改。

40、
vue-cli安装完成后，可以执行__命令，查看安装的版本号。
1分

参考答案 :【vue -V】 答案说明 : 暂无解析

41、
____样式包括颜色、大小、字体等，可以实现漂亮、布局合理的页面效果。
1分

参考答案 :【CSS】 答案说明 :
Web前端使用HTML、CSS和JavaScript作为基础语言，它们分别用来实现网页的结构、样式和行为。
其中，CSS样式包括颜色、大小、字体等，实现漂亮、布局合理的页面效果。

42、
安装webpack完成后，执行___命令，查看webpack版本。
1分

参考答案 :【webpack -v 】 答案说明 : 暂无解析

43、
___的核心理念是开发者只需写很少的代码，就可以实现更多的功能。
1分

参考答案 :【jQuery】 答案说明 : 暂无解析

简答题

44、
Web前端开发使用的三大语言是什么。
2分

参考答案 :
1.HTML页面结构；
2.CSS页面样式；
3.JavaScript行为； 答案说明 : 暂无解析

45、
请介绍什么是MVVM 。
2分

参考答案 : MVVM主要包含3个部分，分别是Model、View和ViewModel。 Model指的是数据部分，主要负责业务数据；
View指的是视图部分，即DOM元素，负责视图的处理； ViewModel是连接视图与数据的数据模型，负责监听Model或者View的修改；
答案说明 : 暂无解析

46、
请简单描述vue.js下载和引入的基本步骤。
2分

参考答案 :
1.从Vue官方网站可以获取下载地址；
2.当在HTML网页中使用Vue时，使用

47、
请介绍什么是webpack。
2分

参考答案 : webpack是一个模块打包工具，可以把前端项目中的js、cs、scss/less、图片等文件都打包在一起，实现自动化构建。
答案说明 : 暂无解析

48、
请简单描述Vue的优势有哪些。
2分

参考答案 : 指令：指令主要包括内置指令和自定义指令，以“v-”开头，作用于HTML元素；
轻量级：AngularJS的学习成本高，使用起来比较复杂，而Vue相对简单、直接，所以Vue使用起来更加友好；
数据绑定：Vue是一个MVVM框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处，尤其是在进行表单处理时，Vue的双向数据绑定非常方便；
插件：插件用于对Vue框架功能进行扩展，通过MyPlugin.install完成插件的编写，简单配置后就可以全局使用。常用的扩展插件有vue-router、Vuex等；
答案说明 : 暂无解析

49、
请简单描述什么是npm。
2分

参考答案 : npm提供了快速操作包的命令，只需要简单命令就可以很方便地对第三方包进行管理。 答案说明 : 暂无解析