Vue.js应用程序开发
学校: 无
问题 1: 1. 下列选项中，用来安装 vue 模块的正确命令是（ ）。
选项:
• A. npm install vue
• B. node.js install vue
• C. node install vue
• D. npm I vue
答案: npm install vue
问题 2: 2. Windows 系统内置的命令行工具是（ ）。
选项:
• A. npm
• B. cmder
• C. git-bash
• D. cmd
答案: cmd
问题 3: 3. 下列选项中，可以引入 vue.js 文件的是（ ）。
选项:
• A.
• B.
• C.
• D.
答案: 无信息
问题 4: 1. 下列关于Vue说法错误的是( )。
选项:
• A. Vue与Angular都可以用来创建复杂的前端项目
• B. Vue的优势主要是轻量级、双向数据绑定
• C. Vue在进行实例化之前，要求引入库文件vue.js
• D. Vue与React语法是完全相同的
答案: Vue与React语法是完全相同的
问题 5: 2. 下列关于Vue的优势的说法错误的是？
选项:
• A. 双向数据绑定
• B. 轻量级框架
• C. 增加代码的耦合度
• D. 实现组件化
答案: 增加代码的耦合度
问题 6: 3. 下列选项中，关于 Vue 说法错误的是（ ）。
选项:
• A. Vue 不可以用来构建单页应用
• B. Vue 通过虚拟 DOM 技术来减少对 DOM 的直接操作
• C. Vue 支持单向和双向数据绑定
• D. Vue 组件化的特性提高了开发效率、使代码更容易复用
答案: Vue 不可以用来构建单页应用
问题 7: 4. Vue是一套构建__的渐进式框架。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 8: 5. Vue 推崇编写以（ ）后缀命名的文件格式。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 9: 1. 下列不属于 Vue 实例对象属性的是（ ）？
选项:
• A. data
• B. component
• C. props
• D. root
答案: 请关注公众号【渝开搜题】查看答案
问题 10: 2. 在 Vue 实例中可以定义方法的是（ ）选项。
选项:
• A. el
• B. methods
• C. data
• D. computed
答案: 请关注公众号【渝开搜题】查看答案
问题 11: 3. 下列选项中，代表视图部分的是（ ）。
选项:
• A. Element
• B. DOM
• C. Model
• D. View
答案: 请关注公众号【渝开搜题】查看答案
问题 12: 4. 下列关于 Vue 实例对象说法错误的是（ ）。
选项:
• A. Vue 实例对象是通过 new Vue( { } )方式创建的。
• B. Vue 实例对象只允许有唯一的一个根标签。
• C. 通过 methods 参数可以定义事件处理函数
• D. Vue 实例对象中 data 数据不具有响应特性
答案: 请关注公众号【渝开搜题】查看答案
问题 13: 5. 下列选项中，用于开发和调试 Web 项目的工具的是浏览器和（ ）。
选项:
• A. 服务器
• B. 选择器
• C. 计时器
• D. vue-devtools
答案: 请关注公众号【渝开搜题】查看答案
问题 14: 6. 下列不属于 Vue 开发所需工具的是（ ）。
选项:
• A. Chrome浏览器
• B. VS Code编辑器
• C. vue-devtools
• D. 微信开发者工具
答案: 请关注公众号【渝开搜题】查看答案
问题 15: 7. Vue 初始数据在实例对象的（ ）参数中进行定义。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 16: 1. Nodejs的特点不包括下列哪个?( )
选项:
• A. 单线程
• B. 多线程
• C. 非阻塞IO
• D. 事件驱动
答案: 请关注公众号【渝开搜题】查看答案
问题 17: 2. 下列选项中，（ ）是基于 Chrome V8 引擎的 JavaScript 运行环境，它可以让JavaScript 运行在服务器端。
选项:
• A. npm.js
• B. jQuery.js
• C. vue.js
• D. Node.js
答案: 请关注公众号【渝开搜题】查看答案
问题 18: 3. Node.js 有两个版本，主要包括 Current 和（ ）。
选项:
• A. MIN
• B. LTS（Long Term Support）
• C. Vite
• D. LONG
答案: 请关注公众号【渝开搜题】查看答案
问题 19: 1. 下列选项中，表示一个 Node.js 的包管理工具，用来解决 Node.js 代码部署问题的是（ ）。
选项:
• A. webpack
• B. vue
• C. Node
• D. NPM
答案: 请关注公众号【渝开搜题】查看答案
问题 20: 2. npm 包管理器是基于（ ）平台使用的?
选项:
• A. Node.js
• B. Vue
• C. Babel
• D. Angular
答案: 请关注公众号【渝开搜题】查看答案
问题 21: 3. 下列选项中，用来安装 vue 模块的正确命令是( )?
选项:
• A. npm install vue
• B. node.js install vue
• C. node install vue
• D. npm I vue
答案: 请关注公众号【渝开搜题】查看答案
问题 22: 4. 下列选项中说法正确的是( )?
选项:
• A. 执行npm install vue-cli -g命令全局安装vue-cli包
• B. 执行 npm uninstall vue-cli -g 命令可以全局删除vue-cli包
• C. 使用 yarn install add @ vue/cli 命令可以全局安装 @ vue/cli 工具
• D. 通过 vue add ui 命令来创建图形用户界面
答案: 请关注公众号【渝开搜题】查看答案
问题 23: 5. npm 命令用来安装指定模块到全局的方式是( )。
选项:
• A. npm install express
• B. npm install module express
• C. npm install express -g
• D. npm install module express -g
答案: 请关注公众号【渝开搜题】查看答案
问题 24: 6. 下列选项中，用于卸载指定包依赖的命令的是（ ）。
选项:
• A. npm uninstall
• B. npm install
• C. npm update
• D. npm start
答案: 请关注公众号【渝开搜题】查看答案
问题 25: 7. npm 命令用来安装指定模块到全局的方式是( )。
选项:
• A. npm install express
• B. npm install module express
• C. npm intsall express -g
• D. npm install module express -g
答案: 请关注公众号【渝开搜题】查看答案
问题 26: 1. v-bind指令用于将属性绑定到表达式的结果上，它的作用是( )。
选项:
• A. 动态地更新元素的内容
• B. 动态地更新元素的样式
• C. 动态地更新元素的属性
• D. 动态地更新元素的事件
答案: 请关注公众号【渝开搜题】查看答案
问题 27: 2. v-bind指令的简写形式是（ ）。
选项:
• A. ：
• B. @v-bind
• C. v-bind
• D. v-b
答案: 请关注公众号【渝开搜题】查看答案
问题 28: 3. v-bind指令可以简写为冒号(:)。以下( )选项描述了v-bind指令的简写写法？
选项:
• A. :attribute="value"
• B. :attribute=value
• C. :{attribute}=value
• D. :[attribute]=value
答案: 请关注公众号【渝开搜题】查看答案
问题 29: 4. 为 HTML 元素绑定属性需要使用（ ）指令。
选项:
• A. v-if
• B. v-on
• C. v-model
• D. v-bind
答案: 请关注公众号【渝开搜题】查看答案
问题 30: 5. v-bind指令可以绑定HTML元素的任意属性，以下( )选项描述了v-bind指令绑定属性的正确写法？
选项:
• A. v-bind:attribute="value"
• B. v-bind={attribute: value}
• C. v-bind[attribute]=value
• D. v-bind=value
答案: 请关注公众号【渝开搜题】查看答案
问题 31: 1. 下列选项中能够实现表单数据的双向绑定的指令是（）。
选项:
• A. v-once
• B. v-if
• C. v-model
• D. v-on
答案: 请关注公众号【渝开搜题】查看答案
问题 32: 2. v-model指令可以应用在哪些表单元素上？
选项:
• A. input
• B. select
• C. textarea
• D. 所有上述选项
答案: 请关注公众号【渝开搜题】查看答案
问题 33: 3. 双向数据绑定意味着（ ）。
选项:
• A. 数据的变化会同步更新到视图，视图的变化也会同步更新到数据
• B. 数据的变化只会同步更新到视图，视图的变化不会影响数据
• C. 视图的变化只会同步更新到数据，数据的变化不会影响视图
• D. 数据和视图之间没有任何关联
答案: 请关注公众号【渝开搜题】查看答案
问题 34: 4. v-model指令的修饰符可以通过以下方式使用（ ）。
选项:
• A. 在指令后面使用点（.）和修饰符的名称
• B. 在指令前面使用冒号（:）和修饰符的名称
• C. 在指令后面使用花括号（{}）和修饰符的名称
• D. 在指令前面使用方括号（[]）和修饰符的名称
答案: 请关注公众号【渝开搜题】查看答案
问题 35: 5. 下列v-model修饰符中能够将用户的输入值自动转换为数值类型的是（）。
选项:
• A. .trim
• B. .lazy
• C. .number
• D. 所有选项都不是
答案: 请关注公众号【渝开搜题】查看答案
问题 36: 6. 下列不属于Vue.js为v-model指令提供的修饰符的是（ ）。
选项:
• A. lazy
• B. number
• C. self
• D. trim
答案: 请关注公众号【渝开搜题】查看答案
问题 37: 7. 当选中某个单选按钮时，v-model绑定的属性值会被赋值为该单选按钮的（ ）。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 38: 8. 如果有多个复选框，应用 v-model 绑定的是一个（ ）。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 39: 1. 下列选项中说法正确的是（ ）。
选项:
• A. 新版Vue cli的包名称为we-cli
• B. 执行 npm uninsall vue-cli -g 命令可以全局删除 vue-cli 包
• C. 使用 yarn install add @vue/cli 命令可以全局安装@vue/cli 工具
• D. 通过 vue add ui 命令来创建图形用户界面
答案: 请关注公众号【渝开搜题】查看答案
问题 40: 2. 在命令行执行命令（ ）表示初始化 vue 项目。
选项:
• A. vue init
• B. vue create
• C. webpack init
• D. webpack create
答案: 请关注公众号【渝开搜题】查看答案
问题 41: 3. 使用（ ）来查看 Vue 的版本号。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 42: 4. Vue cli 通过（ ）命令来创建图形用户界面。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 43: 5. 使用@vue/cli 生成一个名称为 demo01 的项目，在命令提示符窗口中需要输入命令（ ）。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 44: 1. 下面关于@vue/cli 创建的项目中，src 文件夹下的文件夹或文件的描述错误的是（ ）。
选项:
• A. assets 文件夹用于存储静态资源，会被 webpack 构建
• B. components 文件夹用于存储公共组件
• C. main.js 是项目的入口文件
• D. store.js 是项目的路由配置文件
答案: 请关注公众号【渝开搜题】查看答案
问题 45: 1. 下列指令中能够捕获事件的是（）。
选项:
• A. v-for
• B. v-bind
• C. v-if
• D. v-on
答案: 请关注公众号【渝开搜题】查看答案
问题 46: 2. 在 Vue 中，能够实现页面单击事件绑定的代码是（ ）。
选项:
• A. v-on:enter
• B. v-on:click
• C. v-on:mouseenter
• D. v-on:doubleclick
答案: 请关注公众号【渝开搜题】查看答案
问题 47: 3. 如果在内联语句中需要获取原生的 DOM 事件对象，可以将特殊变量（ ）传入方法中。
选项:
• A. $event
• B. $this
• C. event
• D. this
答案: 请关注公众号【渝开搜题】查看答案
问题 48: 4. 在下面代码中，当鼠标指向图片时为图片添加边框，请将代码补充完整。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 49: 5. v-on指令可以简写为( )。
选项:
• A. @
• B. :
• C. #
• D. $
答案: 请关注公众号【渝开搜题】查看答案
问题 50: 6. 以下代码中，单击“-”按钮会执行数字减 1 的操作，将代码补充完整。
（ ）="count--">-{{count}}
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 51: 1. npm包管理器是基于（ ）平台使用的。
选项:
• A. Node.js
• B. Vue
• C. Babel
• D. Angular
答案: 请关注公众号【渝开搜题】查看答案
问题 52: 2. 阅读如下Node.js代码，在下列选项中说法正确的是（ ）。
var foo = 'bar';
var foo = 'baz';
选项:
• A. foo的值为undifined
• B. foo的值为baz
• C. foo的值为bar
• D. 产生了命名冲突
答案: 请关注公众号【渝开搜题】查看答案
问题 53: 3. 在Node.js中，module.exports 初始值为（ ）。
选项:
• A. 0
• B. “”
• C. { }
• D. null
答案: 请关注公众号【渝开搜题】查看答案
问题 54: 4. 下列选项中，使用Node.js能够完成的工作有（ ）。
选项:
• A. 客户端开发
• B. 服务端开发
• C. 设置页面样式
• D. 制作网页框架
答案: 请关注公众号【渝开搜题】查看答案
问题 55: 5. 以下哪项（ ）属于nodejs的特性?
选项:
• A. 事件驱动
• B. 多线程
• C. 编译型
• D. 阻塞IO
答案: 请关注公众号【渝开搜题】查看答案
问题 56: 6. 以下说法正确的是（ ）。
选项:
• A. Node.js为JavaScript提供了一个运行时环境，让JavaScript能更好的运行在浏览器端
• B. Webpack是一个模块打包器,可以根据项目中各文件之间的依存关系，将文件所需的模块逐一纳入并汇总，最终打包成一个或数个文件
• C. git是世界上目前最先进的分布式版本控制系统,它又被称为gitHub
• D. NPM和模块是本质完全不同的两种东西
答案: 请关注公众号【渝开搜题】查看答案
问题 57: 7. 关于npm和cnpm说法错误的是( )。
选项:
• A. 允许用户从NPM服务器下载别人编写的第三方包到本地使用
• B. cnpm是基于npm实现的，是淘宝团队做的国内镜像
• C. npm config set registry可以查看镜像源
• D. cnpm在国内安装插件时，访问速度更快
答案: 请关注公众号【渝开搜题】查看答案
问题 58: 8. node.js搭建后台服务，（ ）命令可以实时监听文件的修改且进行实时更新。
选项:
• A. node
• B. nodemon
• C. watch
• D. hot
答案: 请关注公众号【渝开搜题】查看答案
问题 59: 9. NPM的命令中，用于查看包的文档的命令是（ ）。
选项:
• A. npm install –save 包名
• B. npm install –g 包名
• C. npm docs 包名
• D. npm uninstall 包名
答案: 请关注公众号【渝开搜题】查看答案
问题 60: 10. 以下哪几项（ ）不属于node.js的特性?
选项:
• A. 事件驱动
• B. 多线程
• C. 编译型
• D. 阻塞IO
答案: 请关注公众号【渝开搜题】查看答案
问题 61: 11. 以下属于Node.js的特点的是（ ）。
选项:
• A. 运行在服务器端的JavaScript运行环境
• B. 事件驱动、异步非阻塞
• C. 多线程
• D. 轻量、可伸缩
答案: 请关注公众号【渝开搜题】查看答案
问题 62: 12. NPM包管理工具常见的使用场景有（ ）。
选项:
• A. 允许用户从NPM服务器下载别人编写的第三方包到本地使用
• B. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
• C. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
• D. 只能使用原服务器进行包的下载
答案: 请关注公众号【渝开搜题】查看答案
问题 63: 13. NPM是一个命令行下载软件，提供了一些命令用于快速安装和管理模块。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 64: 14. 可以通过npm uninstall vue-cli -g命令，全局卸载vue-cli脚手架。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 65: 15. 关于Node.js中包的加载，如果发现标识名不是核心模块，就会停止寻找。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 66: 1. Vue的插值语法是用来将数据动态渲染到HTML模板中的一种方式。以下哪个选项描述了Vue插值语法的正确用法？
选项:
• A. {{message}}
• B. {message}
• C. [message]
• D.
答案: 请关注公众号【渝开搜题】查看答案
问题 67: 2. 在下面的双大括号标签中，（）是无效的表达式
选项:
• A. {{ number + 10}}
• B. {{str.toUpperCase}}
• C. {{ sign? '真':'假'}}
• D. {{ if(sign) return }}
答案: 请关注公众号【渝开搜题】查看答案
问题 68: 3. Vue的插值语法可以在HTML模板中插入动态数据，以下哪个选项描述了Vue插值语法的功能？
选项:
• A. 只能插入字符串类型的数据
• B. 可以插入任意类型的数据
• C. 只能插入布尔类型的数据
• D. 只能插入数值类型的数据
答案: 请关注公众号【渝开搜题】查看答案
问题 69: 4. 以下代码的输出结果是（ ）。
{{ message.split('').reverse().join('') }}
选项:
• A. hello
• B. hel
• C. olleh
• D. llo
答案: 请关注公众号【渝开搜题】查看答案
问题 70: 5. 以下代码的运行结果为 10.00，将代码补充完整。
（ ）
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 71: 6. Vue插值语法可以执行JavaScript表达式。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 72: 7. Vue插值语法可以在HTML模板中插入动态数据。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 73: 8. Vue插值语法只能插入字符串类型的数据。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 74: 9. Vue插值语法只能调用Vue实例中定义的方法。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 75: 1. 如果要阻止浏览器的默认行为，需要使用（ ）事件修饰符。
选项:
• A. .stop
• B. .prevent
• C. .self
• D. .once
答案: 请关注公众号【渝开搜题】查看答案
问题 76: 2. 下列不属于 v-on 指令中的事件修饰符的是（ ）。
选项:
• A. .stop
• B. .self
• C. .get
• D. .once
答案: 请关注公众号【渝开搜题】查看答案
问题 77: 3. 下列事件修饰符中能够阻止事件冒泡的是（）。
选项:
• A. .stop
• B. .prevent
• C. .capture
• D. .self
答案: 请关注公众号【渝开搜题】查看答案
问题 78: 4. 下列事件修饰符中能够实现事件只被触发一次的是（ ）。
选项:
• A. .prevent
• B. .once
• C. .capture
• D. .self
答案: 请关注公众号【渝开搜题】查看答案
问题 79: 5. 下列关于事件修饰符的说法中，错误的是（ ）。
选项:
• A. 使用.prevent修饰符可以阻止标签的默认跳转行为
• B. 使用.stop修饰符可以阻止默认事件行为
• C. 使用.capture可以改变事件的默认执行顺序，从冒泡方式更改为捕获方式
• D. 使用.self修饰符可以实现只有DOM元素本身才会触发事件
答案: 请关注公众号【渝开搜题】查看答案
问题 80: 6. Vue.js 为 v-on 指令提供的事件修饰符中，使用（ ）修饰符可以阻止事件的传播。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 81: 1. 在Vue.js中，列表渲染使用的是（）
选项:
• A. v-on
• B. v-for
• C. v-if
• D. v-model
答案: 请关注公众号【渝开搜题】查看答案
问题 82: 2. 使用 v-for 指令不能遍历的数据类型是（ ）。
选项:
• A. 整数
• B. 字符串
• C. 数组
• D. 对象
答案: 请关注公众号【渝开搜题】查看答案
问题 83: 3. v-for指令用于（ ）目的？
选项:
• A. 循环渲染DOM元素
• B. 监听表单输入事件
• C. 绑定属性值
• D. 定义计算属性
答案: 请关注公众号【渝开搜题】查看答案
问题 84: 4. v-for指令的语法是（ ）？
选项:
• A. v-for="item of items"
• B. v-for="item in items"
• C. v-for="item from items"
• D. v-for="item into items"
答案: 请关注公众号【渝开搜题】查看答案
问题 85: 5. 下列关于v-for指令的说法中，错误的是（ ）。
选项:
• A. 使用v-for时，要指定key的值，key的值不具有唯一性
• B. v-for指令可以辅助开发者基于一个数组、对象、数字或字符串循环渲染一个列表
• C. v-for会根据数组中的元素的个数来决定循环次数
• D. v-for会根据对象中属性的个数来决定循环次数
答案: 请关注公众号【渝开搜题】查看答案
问题 86: 6. v-for指令可以使用哪个属性来指定每个迭代项的唯一标识符？
选项:
• A. key
• B. id
• C. index
• D. value
答案: 请关注公众号【渝开搜题】查看答案
问题 87: 7. v-for指令中的key属性有( )作用？
选项:
• A. 定义循环的起始值
• B. 控制循环的步长
• C. 用于条件渲染的标识符
• D. 帮助Vue跟踪每个DOM元素的身份，以便更高效地更新和重用元素
答案: 请关注公众号【渝开搜题】查看答案
问题 88: 8. 在使用v-for指令循环渲染列表时，为什么要为每个迭代项提供唯一的key？
选项:
• A. 为了确保每个迭代项在更新时能够正确地被识别和更新
• B. 为了使代码更具可读性和可维护性
• C. 为了使循环渲染更加高效和性能优化
• D. 以上所有原因
答案: 请关注公众号【渝开搜题】查看答案
问题 89: 9. 以下遍历并获取索引的正确方式（ ）。
选项:
• A.
• B.
• C.
• D.
答案: 请关注公众号【渝开搜题】查看答案
问题 90: 10. 以下代码中，应用 v-for 指令遍历数组 items，将代码补充完整。
（ ）">
{{ item }}
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 91: 1. 下列指令中不属于条件渲染指令的是（ ）。
选项:
• A. v-if
• B. v-show
• C. v-else-if
• D. v-for
答案: 请关注公众号【渝开搜题】查看答案
问题 92: 2. 下列对于v-show指令的描述错误的是（）。
选项:
• A. v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素
• B. 使用v-show指令的元素都始终会被渲染并保留在DOM中
• C. 绑定值的改变知识切换元素的CSS属性display
• D. 如果在运行时条件很少改变，则需要使用v-show
答案: 请关注公众号【渝开搜题】查看答案
问题 93: 3. v-show指令和v-if指令的主要区别是（ ）。
选项:
• A. v-show只是通过CSS样式来控制显示与隐藏，v-if会直接在DOM中添加或删除元素
• B. v-show会直接在DOM中添加或删除元素，v-if只是通过CSS样式来控制显示与隐藏
• C. v-show和v-if都是通过CSS样式来控制显示与隐藏，没有区别
• D. v-show和v-if都会直接在DOM中添加或删除元素，没有区别
答案: 请关注公众号【渝开搜题】查看答案
问题 94: 4. 下列指令中，不能实现条件判断的是（ ）。
选项:
• A. v-if
• B. v-else
• C. v-show
• D. v-bind
答案: 请关注公众号【渝开搜题】查看答案
问题 95: 5. v-show 指令的特点是（ ）。
选项:
• A. v-show 指令是通过修改元素的“display”CSS 属性让其显示或者隐藏
• B. v-show 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果
• C. v-show 指令是操作 JavaScript 动态的把 DOM 进行隐藏或显示的效果
• D. 以上都不对
答案: 请关注公众号【渝开搜题】查看答案
问题 96: 6. 运行以下代码，页面中的输出结果是（ ）。
=90">A 等
=75">B 等
=60">C 等
D 等
选项:
• A. A等
• B. B等
• C. C等
• D. D等
答案: 请关注公众号【渝开搜题】查看答案
问题 97: 7. 以下代码的运行结果是（ ）。
真
假
2
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 98: 8. 如果需要频繁地切换 DOM，需要使用 v-show；如果在运行时条件很少改变，需要使用（ ）指令。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 99: 9. v-else-if指令必须紧跟在v-if指令之后。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 100: 10. 在使用v-if和v-else-if指令时，可以有多个v-else-if块。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 101: 11. 当条件满足v-if指令时，v-else-if指令将会被执行？
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 102: 12. v-if和v-else-if指令的执行顺序是：从上到下依次判断条件，所有满足条件的指令都会被执行。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 103: 1. 下列选项中能够动态渲染数据属性的是（）
选项:
• A. methods
• B. watch
• C. computed
• D. data
答案: 请关注公众号【渝开搜题】查看答案
问题 104: 2. 以下代码的显示结果是（）？
{{totalPrice}}
选项:
• A. 0
• B. 20
• C. 40
• D. 10
答案: 请关注公众号【渝开搜题】查看答案
问题 105: 3. 下列有关computed属性的描述错误的是（）。
选项:
• A. computed属性默认只有getter方法，但可以为其提供一个setter方法
• B. 当computed属性所依赖的数据发生变化时，将自动重新计算，并把结果缓存起来
• C. comuted属性一定有返回值，而且不带参数
• D. computed属性只有getter方法
答案: 请关注公众号【渝开搜题】查看答案
问题 106: 4. 在Vue中，计算属性是用来做什么的？
选项:
• A. 用于监听属性的变化
• B. 用于处理异步操作
• C. 用于计算派生的属性
• D. 用于触发事件
答案: 请关注公众号【渝开搜题】查看答案
问题 107: 5. 在Vue中，计算属性的缓存指的是( )。
选项:
• A. 对计算属性进行缓存，只有在依赖的属性变化时才重新计算
• B. 对计算属性的结果进行缓存，不论依赖的属性是否变化
• C. 对计算属性的结果进行缓存，只有在计算属性被访问时才重新计算
• D. 对计算属性进行缓存，只有在计算属性被更新时才重新计算
答案: 请关注公众号【渝开搜题】查看答案
问题 108: 6. 以下代码的运行结果为（ ）。
{{ len }}
选项:
• A. 9
• B. 10
• C. 11
• D. 12
答案: 请关注公众号【渝开搜题】查看答案
问题 109: 7. 在Vue中，使用计算属性的语法是通过在Vue实例的______选项中定义一个对象。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 110: 8. 计算属性的基本结构是一个函数，该函数返回计算属性的______。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 111: 1. 在Vue中，可以通过（ ）来监听响应数据的变化。
选项:
• A. computed
• B. methods
• C. watch
• D. created
答案: 请关注公众号【渝开搜题】查看答案
问题 112: 2. 监听属性（watch）选项的值可以是一个( )。
选项:
• A. 函数
• B. 对象
• C. 数组
• D. 字符串
答案: 请关注公众号【渝开搜题】查看答案
问题 113: 3. 监听属性（watch）默认情况下是（ ）。
选项:
• A. 同步监听
• B. 异步监听
• C. 单次监听
• D. 无法定义监听方式
答案: 请关注公众号【渝开搜题】查看答案
问题 114: 4. 监听属性（watch）选项可以接收第三个参数，用于指定监听的方式，其中可选的方式包括（ ）。
选项:
• A. immediate
• B. deep
• C. handler
• D. all of the above
答案: 请关注公众号【渝开搜题】查看答案
问题 115: 5. 监听属性（watch）选项可以接收第三个参数，用于指定监听的方式，其中可选的方式包括______和______。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 116: 6. 使用 watch 选项监听对象内部值的变化，可以在监听属性的选项参数中设置（ ）选项。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 117: 1. Vue实例为生命周期提供了回调函数，其中不包括（ ）。
选项:
• A. beforeCreate
• B. created
• C. beforeExecute
• D. beoreUpdate
答案: 请关注公众号【渝开搜题】查看答案
问题 118: 2. Vue实例的data属性，不可以在下来哪个（ ）生命周期中获取到？
选项:
• A. beforeCreate
• B. created
• C. beforeMount
• D. mounted
答案: 请关注公众号【渝开搜题】查看答案
问题 119: 3. 在Vue.js中，计算属性需要定义在（ ）选项中。
选项:
• A. computed
• B. compared
• C. watch
• D. mounted
答案: 请关注公众号【渝开搜题】查看答案
问题 120: 4. 执行下列代码
new Vue(
{
data: { a: 1, b: 2 },
created: function () { console.log(this.a) },
mounted(){ console.log(this.b) }
}
);
最后打印结果为（ ）。
选项:
• A. 1
• B. 1,2
• C. 2,2
• D. 2,1
答案: 请关注公众号【渝开搜题】查看答案
问题 121: 5. Vue实例的生命周期钩子函数中与页面挂载相关的是（ ）。
选项:
• A. beforeMount
• B. beforeCreate
• C. mounted
• D. updated
答案: 请关注公众号【渝开搜题】查看答案
问题 122: 6. Vue 实例的 data 属性，可以在下来哪个（ ）生命周期中获取到？
选项:
• A. beforeCreate
• B. created
• C. beforeMount
• D. mounted
答案: 请关注公众号【渝开搜题】查看答案
问题 123: 7. 在Vue中计算属性computed的属性只有get函数。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 124: 8. 钩子函数会在Vue实例销毁完成时执行Droped函数。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 125: 9. Vue中，可以通过绑定类名实现元素样式。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 126: 10. ECMAScript中关于箭头函数，如果参数超过1个的话，需要用小括号括起来。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 127: 11. Vue实例中回调函数destroyed在实例销毁之后被调用。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 128: 1. 在组件的选项对象中不能包括（ ）。
选项:
• A. data
• B. el
• C. computed
• D. methods
答案: 请关注公众号【渝开搜题】查看答案
问题 129: 2. 下列关于单文件组件的说法错误的是（ ）。
选项:
• A. 不一定要包含
• B. 在
• C. 如果需要使 CSS 样式仅在当前组件中生效，需要设置
• D. 通过 props 可以实现父组件向子组件传值
答案: 请关注公众号【渝开搜题】查看答案
问题 130: 3. Vue中页面结构以__形式存在。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 131: 1. 在Vue.js中，用于实现导航高亮的路由组件是（）
选项:
• A. router-link
• B. nav-link
• C. active-link
• D. router-active
答案: 请关注公众号【渝开搜题】查看答案
问题 132: 2. 在Vue.js中，如何在router-link中实现导航高亮？
选项:
• A. 使用class属性
• B. 使用active-class属性
• C. 使用style属性
• D. 使用active-style属性
答案: 请关注公众号【渝开搜题】查看答案
问题 133: 1. VueRouter中可以在路由规则中使用（）属性设置路由重定向。
选项:
• A. redirect
• B. children
• C. child
• D. routesChild
答案: 请关注公众号【渝开搜题】查看答案
问题 134: 2. 下列选项中能够正确表示跳转到user/chenheng的路由是（）
选项:
• A. {path:‘/user’,name:‘user’,component:UserView}
• B. {path:‘/user/:uname’,name:‘user’,component:UserView}
• C. {path:‘user/uname’,name:‘user’,component:UserView}
• D. {path:‘user/name’,name:‘user’,component:UserView}
答案: 请关注公众号【渝开搜题】查看答案
问题 135: 1. 下列应用push()方法实现导航的代码错误的是（）
选项:
• A. this.$router.push({path:‘home’})
• B. this.$router.push({path:‘home’,query:{id:‘2’}})
• C. this.$router.push({path:‘home’,params:{id:‘2’}})
• D. this.$router.push({name:‘user’,params:{userId:‘1’}})
答案: 请关注公众号【渝开搜题】查看答案
问题 136: 2. 以下获取动态路由{path:’/user/:id’}中id正确的是（）
选项:
• A. this.$route.params.id
• B. this.route.params.id
• C. this.$router.params.id
• D. this.router.params.id
答案: 请关注公众号【渝开搜题】查看答案
问题 137: 3. 下列关于query方式传参的说法，正确的是（）
选项:
• A. query方式传递的参数会在地址栏展示
• B. 页面跳转的时候，不能在地址栏看到请求参数
• C. 在目标页面中使用“this.route.query.参数名”来获取参数
• D. 在目标页面中使用“this.$route.params.参数名”来获取参数
答案: 请关注公众号【渝开搜题】查看答案
问题 138: 4. 下列关于params方式传参的说法，错误的是（）
选项:
• A. 以params方式传递的参数会在地址栏展示
• B. 页面跳转的时候，不能在地址栏看到请求参数
• C. 在目标页面中使用“$route.params.参数名”来获取参数
答案: 请关注公众号【渝开搜题】查看答案
问题 139: 1. 在Vue.js中，用于全局前置守卫的函数名称是（）
选项:
• A. before
• B. beforeEach
• C. beforeRoute
• D. beforeEnter
答案: 请关注公众号【渝开搜题】查看答案
问题 140: 2. 下列选项中，关于VueRouter全局前置守卫beforeEach()方法的说法错误的是（）
选项:
• A. beforeEach()方法中接收to,from,next行参
• B. beforeEach()方法中的to参数表示目标路由对象
• C. beforeEach()方法中的from参数表示当前导航正要离开的路由对象
• D. beforeEach()方法中若省略next参数，则不允许用户访问任何一个路由
答案: 请关注公众号【渝开搜题】查看答案
问题 141: 1. Vuex是（）
选项:
• A. 一个JavaScript框架
• B. 一个状态管理模式和库
• C. 一个UI组件库
• D. 一个前端路由库
答案: 请关注公众号【渝开搜题】查看答案
问题 142: 2. 什么时候用vuex？
选项:
• A. 多个组件依赖于同一状态时
• B. 父子组件传值时
• C. 非父子组件传值时
• D. 单页面数据处理时
答案: 请关注公众号【渝开搜题】查看答案
问题 143: 3. 在Vue项目中安装Vuex的命令是？
选项:
• A. npm install vue-vuex
• B. npm install vuex --save
• C. npm install vuex --global
• D. npm install vuex --save-dev
答案: 请关注公众号【渝开搜题】查看答案
问题 144: 4. 在Vue项目中，需要在哪个文件中创建Vuex的store实例？
选项:
• A. main.js
• B. index.html
• C. app.vue
• D. store.js
答案: 请关注公众号【渝开搜题】查看答案
问题 145: 5. 在Vue项目中，如何将Vuex的store实例注入到根组件中？
选项:
• A. 使用this.$store
• B. 使用Vue.use(Vuex)
• C. 在根组件中引入store实例
• D. 使用import语句引入store实例
答案: 请关注公众号【渝开搜题】查看答案
问题 146: 1. 下面哪个（ ）不是Vuex的组成部分？
选项:
• A. State
• B. Action
• C. Component
• D. Mutation
答案: 请关注公众号【渝开搜题】查看答案
问题 147: 2. 在Vuex中，（ ）是State？
选项:
• A. 用于修改数据的函数
• B. 用于承载应用状态的对象
• C. 用于处理异步操作的函数
• D. 用于触发状态改变的方法
答案: 请关注公众号【渝开搜题】查看答案
问题 148: 3. 在Vuex中，什么（ ）是Mutation？
选项:
• A. 用于修改State的函数
• B. 用于异步操作的函数
• C. 用于处理用户输入的函数
• D. 用于触发Action的方法
答案: 请关注公众号【渝开搜题】查看答案
问题 149: 4. 在Vuex中，什么（ ）是Action？
选项:
• A. 用于修改State的函数
• B. 用于异步操作的函数
• C. 用于处理用户输入的函数
• D. 用于触发Mutation的方法
答案: 请关注公众号【渝开搜题】查看答案
问题 150: 5. 在Vuex中，什么是Getters？
选项:
• A. 用于修改State的函数
• B. 用于获取State的函数
• C. 用于处理用户输入的函数
• D. 用于触发Mutation的方法
答案: 请关注公众号【渝开搜题】查看答案
问题 151: 6. 在Vuex的组成部分中，下列描述错误的是（）
选项:
• A. state用于存储项目中需要共享的数据或状态
• B. getters可以从state中派生出一些状态
• C. mutations是Vuex中唯一修改state的方式，支持异步操作
• D. actions可以通过提交mutations中的方法来改变状态
答案: 请关注公众号【渝开搜题】查看答案
问题 152: 1. 下列选项中表示Vuex的状态的概念的是（）。
选项:
• A. getters
• B. state
• C. actions
• D. mutations
答案: 请关注公众号【渝开搜题】查看答案
问题 153: 2. Vuex中相当于state的计算属性的是（）。
选项:
• A. getters
• B. state
• C. actions
• D. modules
答案: 请关注公众号【渝开搜题】查看答案
问题 154: 3. 下列选项中能够正确分发actions触发add这个mutations的是（）。
选项:
• A. store.commit('add')
• B. commit('add')
• C. store.dispatch('add')
• D. dispatch('add')
答案: 请关注公众号【渝开搜题】查看答案
问题 155: 4. 下列不属于vuex中actions和mutations的区别是（）
选项:
• A. mutations可以直接修改state,actions无法直接改变state
• B. mutations只能通过commit调用，actions通过dispatch触发
• C. mutations和actions都可以处理异步请求
• D. mutations和actions都可以处理同步请求
答案: 请关注公众号【渝开搜题】查看答案
问题 156: 1. 有如下代码，最终渲染出来的 div 元素的 class 属性值是（）?
//html
data:
//script
data:{
isActive:true;
hasErroe: false
}
选项:
• A. static isActive
• B. static active
• C. static hasError
• D. isActive
答案: 请关注公众号【渝开搜题】查看答案
问题 157: 2. 对元素的 class 属性进行绑定时，绑定的数据可以是对象或（ ）。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 158: 3. 对元素样式的绑定就是对元素的 class 属性或（ ）属性进行绑定。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 159: 1. 下列选项中，vue-router的安装命令正确的是（ ）
选项:
• A. yarn add vue-router@4
• B. node install vue-router@4
• C. npm Install vueRouter@4
• D. npm I vue-router@4
答案: 请关注公众号【渝开搜题】查看答案
问题 160: 2. 下列选项中，关于前、后端路由的说法错误的是（ ）
选项:
• A. 前端路由的整个过程发生在浏览器端
• B. 后端路由的整个过程发生在服务器端
• C. Nodejs环境中的Express框架中的路由属于后端路由
• D. Vue中的路由属于后端路由
答案: 请关注公众号【渝开搜题】查看答案
问题 161: 3. 单页面应用程序（SPA）是指（ ）
选项:
• A. 一种应用程序，只有一个单独的页面，所有的交互和页面切换都在这个页面内完成
• B. 一种应用程序，可以同时打开多个页面，但是只有一个页面是主要的
• C. 一种应用程序，只能在移动设备上使用，不能在桌面电脑上使用
• D. 一种应用程序，可以同时打开多个页面
答案: 请关注公众号【渝开搜题】查看答案
问题 162: 1. 在Vue.js中，使用（ ）语句可以导入外联样式表。
选项:
• A. include
• B. @import
• C. require
• D. add
答案: 请关注公众号【渝开搜题】查看答案
问题 163: 2. Vue中使用props传值能实现子组件向父组件传递数据。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 164: 3. Vue中组件分为三种，基础部分有两种：全局组件和局部组件，工程化里有一种，即.vue单文件组件。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 165: 4. Vue开发提出了组件化开发思想，每个组件都是一个独立的单元。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 166: 5. Vue组件之间的数据传递只能使用props属性。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 167: 6. 在VUE中，一个单独的组件文件通常应包含哪几部分代码（ ）。
选项:
• A.
• B.
• C.
• D. 组件
答案: 请关注公众号【渝开搜题】查看答案
问题 168: 1. 关于 vue 组件之间的传值，以下说法错误的是（ ）。
选项:
• A. 父组件给子组件传值使用 props
• B. 子组件给父组件传值使用$emit
• C. 非父子组件之间不能传值
• D. 一个组件从父组件接收的数据可以继续传递给子组件
答案: 请关注公众号【渝开搜题】查看答案
问题 169: 1. 在子组件中触发自定义事件的方法是（ ）。
选项:
• A. $emit
• B. $event
• C. $this
• D. $on
答案: 请关注公众号【渝开搜题】查看答案
问题 170: 2. 子组件调用父组件的方法是（ ）。
选项:
• A. this.emit
• B. this.$route.params
• C. this.$axios
• D. this.$emit
答案: 请关注公众号【渝开搜题】查看答案
问题 171: 3. 关于 Vue 组件间的参数传递，下列哪项是不正确的( )
选项:
• A. 若子组件给父组件传值，可使用 $emit 方法
• B. 祖孙组件之间可以使用 provide 和 inject 方式跨层级相互传值
• C. 若子组件使用 $emit('say') 派发事件，父组件可使用 @say 监听
• D. 若父组件给子组件传值，子组件可通过 props 接受数据
答案: 请关注公众号【渝开搜题】查看答案
问题 172: 4. 关于子组件向父组件传值错误的是( )。
选项:
• A. 子组件中需要以某种方式（如点击事件）的方法来触发一个自定义的事件进行传值
• B. 子组件通过修改父组件绑定在子组件上的数据进行传值
• C. 可以将需要传的值作为$emit的第二个参数，该值将作为实参传给响应事件的方法
• D. 需要在父组件中注册子组件并在子组件标签上绑定自定义事件的监听
答案: 请关注公众号【渝开搜题】查看答案
问题 173: 5. 子组件通过（ ）方式触发父组件方法的执行?
选项:
• A. this.emit
• B. this.$route.params
• C. this.$axios
• D. this.$emit
答案: 请关注公众号【渝开搜题】查看答案
问题 174: 6. 子组件给父组件传递数据通过______事件触发的方式实现，父组件使用 v-on/@自定义事件进行监听即可。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 175: 1. 在 DOM 文档渲染完毕之后调用的钩子函数是（ ）。
选项:
• A. beforeCreate
• B. created
• C. mounted
• D. destroyed
答案: 请关注公众号【渝开搜题】查看答案
问题 176: 2. 下面列出的钩子函数会在 Vue 实例创建完成时执行的是( )?
选项:
• A. updated
• B. destroyed
• C. created
• D. mounted
答案: 请关注公众号【渝开搜题】查看答案
问题 177: 3. 下列哪一项不属于Vue的生命周期函数？
选项:
• A. created
• B. updated
• C. beforeMount
• D. afterMounted
答案: 请关注公众号【渝开搜题】查看答案
问题 178: 4. 下列列出的钩子函数会在Vue实例销毁完成时执行的是？
选项:
• A. created
• B. updated
• C. destroyed
• D. mounted
答案: 请关注公众号【渝开搜题】查看答案
问题 179: 5. 关于 Vue 的生命周期，下列哪项是不正确的？
选项:
• A. DOM 渲染在mounted中就已经完成了
• B. Vue 实例从创建到销毁的过程，就是生命周期
• C. created表示完成数据观测、属性和方法的运算和初始化事件，此时Vue实例所关联的DOM元素还未显示出来
• D. 页面首次加载过程中，会依次触发 beforeCreate，created，beforeMount，mounted，beforeUpdate，updated
答案: 请关注公众号【渝开搜题】查看答案
问题 180: 6. 关于vue组件的生命周期，以下说法错误的是？
选项:
• A. vue一共有8个生命周期函数:创建前/后、载入前/后、更新前/后、销毁前/后
• B. beforeMounted和mounted分别表示组件渲染前和渲染后
• C. 生命周期函数中this表示这个组件对象
• D. created函数中可以通过this.$ref.$el访问到组件所在的根元素
答案: 请关注公众号【渝开搜题】查看答案
问题 181: 7. 下列关于生命周期钩子函数的说法错误的是（ ）。
选项:
• A. beforeCreate 钩子在 Vue 实例开始初始化时调用
• B. created 钩子在实例创建之后进行调用
• C. mounted 钩子在 DOM 文档渲染完毕之后进行调用
• D. destroyed 钩子在实例被销毁之前进行调用
答案: 请关注公众号【渝开搜题】查看答案
问题 182: 8. 下列代码执行的结果为？
let vueApp = Vue.createApp({
data(){
return {
a: 1,
b: 2
}
},
created(){
console.log(this.a)
},
mounted(){
console.log(this.b)
},
})
vueApp.mount("#app")
}
选项:
• A. 1,2
• B. 1,1
• C. 2,2
• D. 2,1
答案: 请关注公众号【渝开搜题】查看答案
问题 183: 1. 下列关于组件的描述错误的是（ ）。
选项:
• A. 局部注册的组件只能在其父组件中使用，而无法在其它组件中使用
• B. 组件选项对象中的 data 和 Vue 实例选项对象中的 data 的赋值是一样的
• C. 组件的模板只能有一个根元素
• D. 全局组件可在所有实例中使用
答案: 请关注公众号【渝开搜题】查看答案
问题 184: 2. Vue.js 提供了两种注册组件的方式，分别是全局注册和（ ）。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 185: 1. 子组件可以通过（ ）属性声明使用父组件的变量。
选项:
• A. data
• B. message
• C. parent
• D. props
答案: 请关注公众号【渝开搜题】查看答案
问题 186: 2. 下列选项中，关于props说法错误的是（）。
选项:
• A. 对象形式的props不能使用多种验证方案
• B. 在声明props时通过添加default属性设置默认值
• C. 在声明props时通过添加required属性设置必填项
• D. 所有的props都遵循单项数据流原则
答案: 请关注公众号【渝开搜题】查看答案
问题 187: 3. 下列关于组件 props 的描述错误的是（ ）。
选项:
• A. props 是父组件用来传递数据的一个自定义属性
• B. 使用 props 传递的数据可以是数值和字符串类型，还可以是数组或对象类型
• C. 使用 props 验证的时候，prop 接收的参数是一个数组
• D. 如果 props 传递的是一个对象或数组，那么它是按引用传递的
答案: 请关注公众号【渝开搜题】查看答案
问题 188: 4. 父组件传递数据到子组件使用_______选项，并且这传递是单向的，只能由父组件传到子组件。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 189: 1. 下列选项中能够设置页面导航的是（）
选项:
• A.
• B.
• C.
• D.
答案: 请关注公众号【渝开搜题】查看答案
问题 190: 2. 下列选项中能够显示或渲染匹配到的路由信息的标记是（）
选项:
• A.
• B.
• C.
• D. v>
答案: 请关注公众号【渝开搜题】查看答案
问题 191: 1. 在编程式导航中，能够跳转到新路由并且在历史记录中添加一条新记录的方法是（）
选项:
• A. this.$router.push( )
• B. this.$router.back( )
• C. this.$router.replace( )
• D. this.$router.go( )
答案: 请关注公众号【渝开搜题】查看答案
问题 192: 2. 以下选项中不可以进行路由跳转的是（）。
选项:
• A. push()方法
• B. replace()方法
• C. router-link组件
• D. jump()方法
答案: 请关注公众号【渝开搜题】查看答案
问题 193: 3. 下列选项中，关于编程式导航的说法错误的是（）
选项:
• A. router.go()方法的参数是一个整数，表示历史记录中向前或后退的步数
• B. router.go()类似于window.history.go()
• C. router.go(1)表示向前移动一条记录
• D. router.go(-1)表示向后移动两条记录
答案: 请关注公众号【渝开搜题】查看答案
问题 194: 1. vue-router有哪几种导航钩子，以下哪种选项不是vue-router的导航钩子? （ ）
选项:
• A. 全局导航钩子
• B. 组件内的钩子
• C. 页面钩子
• D. 单独路由独享组件
答案: 请关注公众号【渝开搜题】查看答案
问题 195: 2. 以下获取动态路由{ path: '/user/:id' }中id的值正确的是（ ）。
选项:
• A. this.$route.params.id
• B. this.route.params.id
• C. this.$router.params.id
• D. this.router.params.id
答案: 请关注公众号【渝开搜题】查看答案
问题 196: 3. 下列vue-router插件的安装命令，正确的是（ ）。
选项:
• A. node install vue-router
• B. npm install vue-router
• C. npm Install vueRouter
• D. npm I vue-router
答案: 请关注公众号【渝开搜题】查看答案
问题 197: 4. Vue-router可以通过( )方式传递参数。
选项:
• A. params
• B. path
• C. get
• D. query
答案: 请关注公众号【渝开搜题】查看答案
问题 198: 5. Vue.js中，使用rout-link组件进行页面跳转，to属性指定跳转的目标地址。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 199: 6. Vue-router可以使用动态路径参数dynamic segment来实现路由中动态部分的匹配。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 200: 1. 在Vue项目中，如何在组件中使用Vuex的辅助函数？
选项:
• A. 使用import语句引入辅助函数
• B. 在组件中直接使用this.$store
• C. 在根组件中注册辅助函数
• D. 使用Vue.use(Vuex)注册辅助函数
答案: 请关注公众号【渝开搜题】查看答案
问题 201: 2. 辅助函数mapXXX前面加上（），可以实现Vuex状态与局部计算属性混合使用。
选项:
• A. ***
• B. ///
• C. ---
• D. ...
答案: 请关注公众号【渝开搜题】查看答案
问题 202: 3. 在Vuex状态管理中，为了简化代码提供了辅助函数，下列辅助函数中写法错误的是（）。
选项:
• A. mapStates
• B. mapGetters
• C. mapMutations
• D. mapActions
答案: 请关注公众号【渝开搜题】查看答案
问题 203: 4. 在组件中访问定义的getters可以使用简化的写法，即通过辅助函数（ ）将store中的getter映射到局部计算属性。
选项:
• A. mapState
• B. mapGetters
• C. mapMutations
• D. mapActions
答案: 请关注公众号【渝开搜题】查看答案
问题 204: 1. 在Vuex中，什么（ ）是Module？
选项:
• A. 用于管理应用状态的对象
• B. 用于处理用户输入的函数
• C. 用于触发Mutation的方法
• D. 用于异步操作的函数
答案: 请关注公众号【渝开搜题】查看答案
问题 205: 2. 在Vuex中，如何定义一个模块？
选项:
• A. 使用import关键字引入模块
• B. 使用export关键字导出模块
• C. 使用module关键字定义模块
• D. 使用state关键字定义模块
答案: 请关注公众号【渝开搜题】查看答案
问题 206: 3. 下列选项中表示Vuex的模块的概念的是（）。
选项:
• A. getters
• B. state
• C. actions
• D. modules
答案: 请关注公众号【渝开搜题】查看答案
问题 207: 1. 在组件的选项对象中不能包括（ ）。
选项:
• A. data
• B. el
• C. computed
• D. methods
答案: 请关注公众号【渝开搜题】查看答案
问题 208: 2. 下列关于单文件组件的说法错误的是（ ）。
选项:
• A. 不一定要包含
• B. 在
• C. 如果需要使 CSS 样式仅在当前组件中生效，需要设置
• D. 通过 props 可以实现父组件向子组件传值
答案: 请关注公众号【渝开搜题】查看答案
问题 209: 3. Vue中页面结构以__形式存在。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 210: 1. 下列选项中，属于JavaScript的核心语法的是( )。
选项:
• A. DOM
• B. Java
• C. ECMAScript
• D. BOM
答案: 请关注公众号【渝开搜题】查看答案
问题 211: 2. 下面选项中，在创建Vue实例时，用来表示唯一根标签的是（ ）。
选项:
• A. watch
• B. components
• C. data
• D. el
答案: 请关注公众号【渝开搜题】查看答案
问题 212: 3. 下面不属于ECMAScript规范的范围的是（ ）。
选项:
• A. 数据类型
• B. 语法
• C. DOM事件
• D. 内置对象和函数的标准库
答案: 请关注公众号【渝开搜题】查看答案
问题 213: 4. 前端框架 Vue.js 具备的特性 ( )。
选项:
• A. 指令
• B. 过滤器
• C. 内置http请求
• D. 模板采用JSX
答案: 请关注公众号【渝开搜题】查看答案
问题 214: 5. 在项目中引入了vuejs文件,才可以创建Vue 实例。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 215: 6. Vue是一套构建用户界面的渐进式框架,Vue的核心只关注视图层。
选项:
答案: 请关注公众号【渝开搜题】查看答案
问题 216: 1. 使用v-text指令时，HTML标签会被解析为( )。
选项:
• A. 文本内容
• B. HTML内容
• C. 绑定属性
• D. 无效的表达式
答案: 请关注公众号【渝开搜题】查看答案
问题 217: 2. v-text指令和v-html指令的主要区别是（ ）。
选项:
• A. v-text只能渲染纯文本，v-html可以渲染HTML内容
• B. v-text可以渲染HTML内容，v-html只能渲染纯文本
• C. v-text和v-html都可以渲染HTML内容，没有区别
• D. v-text和v-html都只能渲染纯文本，没有区别
答案: 请关注公众号【渝开搜题】查看答案
问题 218: 3. 在下列 Vue 指令中描述错误的是（ ）。
选项:
• A. v-on 指令用于监听 DOM 事件
• B. v-show 指令用于判断是否显示或隐藏 DOM 元素
• C. v-html 指令可以更新元素的 innerHTML
• D. v-model 指令用于在表单控件元素上创建单向数据绑定
答案: 请关注公众号【渝开搜题】查看答案
问题 219: 4. 下列选项中，用于渲染DOM元素的文本内容的指令是（ ）。
选项:
• A. v-bind
• B. v-text
• C. v-on
• D. v-for
答案: 请关注公众号【渝开搜题】查看答案
问题 220: 5. 使用v-html指令时，HTML标签会被解析为（ ）。
选项:
• A. 文本内容
• B. HTML内容
• C. 绑定属性
• D. 无效的表达式
答案: 请关注公众号【渝开搜题】查看答案
微信扫码添加好友
如二维码无法识别，可拨打 13662661040 咨询。