Vue.js前端开发与框架原理综合题库

Vue.js前端开发与框架原理综合题库一、判断题1.Vue与Angular和React框架不同的是，Vue设计为自下而上逐层应用。A.正确B.错误答案：A2.Vue完全能够为复杂的单页应用提供驱动。A.正确B.错误答案：A3.Vue是一套构建用户界面的渐进式框架，Vue的核心只关注视图层。A.正确B.错误答案：B4.Vue中MVVM框架主要由3部分组成：Model、View和ViewModel。A.正确B.错误答案：A5.Vue可以在Node环境下进行开发，并借助npm包管理器来安装依赖。A.正确B.错误答案：A6.在项目中引入了vue.js文件，才可以创建Vue实例。A.正确B.错误答案：A7.Vue事件传递方式有冒泡和捕获，默认是冒泡。A.正确B.错误答案：A8.Vue开发提出了组件化开发思想，每个组件都是一个独立的单元。A.正确B.错误答案：A9.在Vue中beforeDestroy与destroyed钩子函数执行后，都可以获取到Vue实例。A.正确B.错误答案：B10.Vue提供的全局API接口component，不能用来注册组件。A.正确B.错误答案：B11.Vue实例对象中data数据具有响应特性。A.正确B.错误答案：A12.Vue中通过vm.slots可以获取子组件实例对象。A.正确B.错误答案：B13.Vue实例对象中通过options可以获取到父作用域下的所有属性。A.正确B.错误答案：B14.函数式组件中的render函数用来创建组件模板。A.正确B.错误答案：A15.给过渡元素添加v-bind:css="true"，Vue会跳过CSS的检测。A.正确B.错误答案：A16.Vue中组件分为三种，基础部分有两种：全局组件和局部组件，工程化里有一种，即.vue单文件组件。A.正确B.错误答案：A17.包管理工具与镜像：npm即node.js包管理工具，cnpm为淘宝镜像。A.正确B.错误答案：A18.单文件组件默认导出语法为exportdefault。A.正确B.错误答案：A19.在@before-enter阶段可以设置元素开始动画之前的起始样式。A.正确B.错误答案：A20.在使用animate.css库时，基本的class样式名是animate。A.正确B.错误答案：B21.enter和leave动画钩子函数，除el参数外还会传入一个done作为参数。A.正确B.错误答案：A22.后端路由通过用户请求的URL导航到具体的html页面。A.正确B.错误答案：A23.开发环境下，使用importVueRouterfrom'vue-router'来导入路由。A.正确B.错误答案：B24.嵌套路由的使用，主要是由页面结构来决定的。A.正确B.错误答案：A25.params方式传参类似于GET请求。A.正确B.错误答案：B26.在单页面应用中更新视图可以不用重新请求页面。A.正确B.错误答案：A27.v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件。A.正确B.错误答案：A28.计算属性默认只有getter，不过在需要时你也可以提供一个setter。A.正确B.错误答案：A29.Vue实例创建后，data对象中的属性是响应式的，后期添加的属性也是响应式的。A.正确B.错误答案：B30.v-for指令可以绑定一个整数，此时模板会重复指定的次数。A.正确B.错误答案：A31.VueRouter的路由模式中，hash模式需要后端配置支持，history模式不需要。A.正确B.错误答案：B32.Vuex中的mutation和action都可以处理异步操作。A.正确B.错误答案：B33.在Vue中，父子组件之间通过props进行单向数据流传递。A.正确B.错误答案：A34.VueCLI是Vue.js的官方脚手架工具，用于快速搭建大型单页应用。A.正确B.错误答案：A35.在Vue3中，data选项可以是一个对象，也可以是一个函数。A.正确B.错误答案：B二、单选题1.下面代码输出什么？（假设代码逻辑为获取数组长度）A.['banana','apple']B.['apple','banana']C.2D.true答案：C2.下列哪种数组的方法不会修改数组本身？A.sliceB.spliceC.sortD.unshift答案：A3.请问下面哪个方法可以删除数组最后一个元素？A.shift()B.unshift()C.pop()D.push()答案：C4.以下不是闭包特点的是？A.函数嵌套函数B.函数内部可以引用外部的参数和变量C.参数和变量不会被垃圾回收机制回收D.返回的函数可以不用存储在外部变量中答案：D5.同步和异步执行分别表示什么含义？A.按顺序依次执行和同时分开执行B.同时分开执行和按顺序依次执行C.按一致的速度执行和按不同的速度执行D.按相同的步骤执行和按不同的步骤执行答案：A6.在HTML页面中，下列选项不属于键盘相关事件的是？A.onkeyupB.onkeydownC.oncontextmenuD.onkeypress答案：C7.下列代码的执行结果是（假设运算优先级导致结果为1408）A.1221222B.14124C.1408D.2820答案：C8.下列关于事件监听器的说法，错误的是？A.addEventListener第三个参数为false时，表示事件不会触发B.IE8以下使用attachEvent添加事件监听器C.addEventListener同一个事件可以绑定多个函数D.IE8以下浏览器使用detachEvent移除监听器答案：A9.阻止浏览器默认行为，使用以下哪个方法？A.stopPropagation()B.preventDefault()C.cancelBubble=falseD.returntrue答案：B10.下列关于Vue说法错误的是？A.Vue与Angular都可以用来创建复杂的前端项目B.Vue的优势主要包括轻量级、双向绑定C.Vue在进行实例化之前，应确保已经引入了核心文件vue.jsD.Vue与React语法是完全相同的答案：D11.下列关于Vue的优势的说法错误的是？A.双向数据绑定B.轻量级框架C.增加代码的耦合度D.实现组件化答案：C12.下列不属于Vue开发所需工具的是？A.Chrome浏览器B.VSCode编译器C.vue-devtoolsD.微信开发者工具答案：D13.Npm管理器是基于（）平台使用的？A.Node.jsB.VueC.BabelD.Angular答案：A14.下列选项，用来安装vue模块的正确命令是？A.npminstallvueB.node.jsinstallvueC.nodeinstallvueD.npmIvue答案：A15.Vuex实例对象中类似于computed计算属性功能的选项是？A.stateB.mutationsC.actionsD.getters答案：D16.下面关于Vuex核心模块说法，错误的是？A.Vuex配置对象中，actions选项是异步的B.Vuex.config对象是全局配置对象C.Vuex配置对象中，mutations选项是同步的D.Vuex主要用于状态管理答案：B17.现有以下代码，下面说法错误的是？（涉及v-show与v-if的区别）A.当flag是true时，两个div都能显示出来B.当flag是false时，第一个div进行了渲染C.当flag是false时，第一个div设置了display:noneD.当flag是false时，第二个div设置了visible:hidden答案：D18.关于路由说法错误的是？A.使用脚手架创建项目时，需要选择安装vue-routerB.在嵌套路由中，需要VueRouter的参数中使用children配置C.vue-router不可以实现重定向D.vue-router可以通过配置实现路由懒加载答案：C19.下列关于Vue2和Vue3的描述错误的是？A.Vue3中Template支持多个根标签，Vue2不支持B.Vue3中的生命周期的挂载钩子是onMounted，需要引入才能使用C.Vue3组合API中的setup()方法中不可以使用生命周期钩子函数D.Vue3引入了tree-shaking，以模块的方式引入api，减小打包体积答案：C20.下列说法不正确的是哪项？A.key的作用主要是为了高效地更新虚拟DOMB.若指定了组件的template选项，render函数不会执行C.使用vm.nextTick可以确保获得DOM异步更新的结果D.若没有el选项，vm.mount(dom)可将Vue实例挂载于指定元素上答案：B21.下列关于Vuex的描述，不正确的是哪项？A.Vuex通过Vue实现响应式状态，因此只能用于VueB.Vuex是一个状态管理模式C.Vuex主要用于多视图间状态全局共享与管理D.在Vuex中改变状态，可以通过mutations和actions答案：D22.关于Vue组件间的参数传递，下列哪项是不正确的？A.若子组件给父组件传值，可使用emit方法B.祖孙组件之间可以使用provide和inject方式跨层级相互传值C.若子组件使用emit('say')派发事件，父组件可使用@say监听D.若父组件给子组件传值，子组件可通过props接受数据答案：B23.下列关于vue-router的描述，不正确的是哪项？A.vue-router的常用模式有hash和history两种B.可通过addRoutes方法动态添加路由C.可通过beforeEnter对单个组件进行路由守卫D.vue-router借助Vue实现响应式的路由，因此只能用于Vue答案：C24.下列说法不正确的是哪项？A.可通过this.parent查找当前组件的父组件B.可使用this.refs查找命名子组件C.可使用this.children按顺序查找当前组件的直接子组件D.可使用root查找根组件，并可配合children遍历全部组件答案：C25.下列关于v-model的说法，哪项是不正确的？A.v-model能实现双向绑定B.v-model本质上是语法糖，它负责监听用户的输入事件以更新数据C.v-model是内置指令，不能用在自定义组件上D.对input使用v-model，实际上是指定其:value和@input答案：C26.关于Vue的生命周期，下列哪项是不正确的？A.DOM渲染在mounted中就已经完成了B.Vue实例从创建到销毁的过程，就是生命周期C.created表示完成数据观测、属性和方法的运算和初始化事件，此时el属性还未显示出来D.页面首次加载过程中，会依次触发beforeCreate，created，beforeMount，mounted，beforeUpdate，updated答案：D27.在Vue中，以下有关计算属性正确的是？A.计算属性只能依赖一个Vue实例的数据B.所有计算属性都写在Vue实例内的methods选项内C.每一个计算属性都只包含了一个getter()方法D.在计算属性里可以完成各种复杂的逻辑，最终会返回结果答案：D28.关于v-if和v-else下列说法错误的是？A.v-if可以控制元素的显示或隐藏B.v-else元素必须立即跟在v-if后面C.当v-if条件为true时显示v-else元素D.v-if可以单独使用，不一定需要v-else答案：C29.在Vue中，关于filter说法错误的是？A.过滤器只可以用在两个地方：双花括号插值和v-bind表达式B.过滤器必须被添加在JS表达式的尾部，由“管道”符号指示C.过滤器的参数为第一个表达式的结果D.过滤器分为全局过滤器和局部过滤器答案：C30.在Vue中，下列关于事件修饰符解释错误的是？A.once：点击事件可以触发多次B.stop：等同于调用event.stopPropagation()C.prevent：等同于调用event.preventDefault()D.capture：使用capture模式添加事件监听器答案：A31.定义Vue实例时使用（）选项来定义数据，这些数据可以绑定到实例对应的模板中。A.vueB.varC.letD.data答案：D32.在AntDesignofVue中，表示信息消息提示的选项是？A.B.message.warnC.message.successD.message.error答案：A33.在Vue中，父组件对子组件属性传值是单向的，并且（）？A.只能静态绑定属性B.只能动态绑定属性C.可以静态绑定属性也可以动态绑定属性D.不能绑定属性答案：C34.在AntDesignofVue中，以下多栅格组件使用说法错误的是？A.栅格组件从堆叠排列到水平排列B.使用单一的一组行和列栅格组件，就可以创建一个基本的栅格系统，所有列必须放在行内C.栅格常常需要和间隔进行配合，间隔可以使用行的gutter属性D.使用列的offset属性可以设置外边距答案：D35.在Vue中，关于v-on说法错误的是？A.v-on:click可以简写为@clickB.v-on可以监听组件的自定义事件C.v-on:click可以直接监听组件触发的原生click事件D.v-on可以一次监听多个事件答案：C36.在父组件监听自定义事件的时候，可以通过（）访问到传递的参数值。A.eventB.eventC.thisD.e答案：B37.Vue事件处理方法和表达式都严格绑定在？A.ViewModelB.ViewC.DOMD.Model答案：A38.以下有关Vue组件说法正确的是？A.组件是可复用的Vue实例，并带有一个名字B.组件不能扩展HTML元素C.组件不能封装可重用的HTML代码D.应用界面不能抽象成一个组件树答案：A39.关于Vue表达式说法错误的是？A.表达式中的过滤器只能有一个B.表达式可由JavaScript表达式C.表达式可以是常量或者变量名称D.文本插值也接受表达式形式的值答案：A40.下列关于params方式传参的说法，错误的是？A.在目标页面中也可以使用“route.params.参数名”来获取参数B.在页面跳转的时候，不能在地址栏看到请求参数C.以params方式传递的参数会在地址栏展示D.在目标页面中使用“this.route.params.参数名”来获取参数答案：C41.创建组件需要使用什么方法？A.Vue.extend()B.Vponent()C.Vue.create()D.Vue.new()答案：A42.在Vue中，以下哪个指令是用来监听DOM事件的？A.v-onB.v-forC.v-modelD.v-bind答案：A43.Vue实例在销毁前会调用的函数是？A.createdB.mountedC.beforeDestroyD.destroyed答案：C44.在Vue生命周期中，下列钩子函数被执行的先后顺序正确的是？A.created()--->mounted()--->beforeDestroy()B.mounted()--->created()--->beforeDestroy()C.beforeDestroy()--->created()--->mounted()D.created()--->beforeDestroy()--->mounted()答案：A45.为了更方便地在项目中开发导航功能，Vue提供了编程式路由，语法格式是？A.router-linkB.router.push()C.router-viewD.Router答案：B46.在Vue中，slot插槽的作用是什么？A.对象B.HTML元素C.占位符D.属性答案：C47.下列有关栅格组件的行属性描述不正确的是？A.align属性设置弹性布局的垂直对齐方式:top、middle和bottomB.gutter属性设置栅格间隔C.justify设置弹性布局下的垂直排列方式D.type属性是布局模式答案：C48.在Vue中，当我们需要深度侦听一个对象属性的变化，以下设置正确的是？A.设置immediate为falseB.设置immediate为trueC.设置deep为falseD.设置deep为true答案：D49.v-for="(参数一，参数二，参数三)initems"，参数一，参数二，参数三分别代表？A.对象，属性