《Vue应用开发》配套试卷及答案（2套）.docx

VUe应用开发测验题Ol学号专业姓名一、单选题(每题1.5分，共45分)1,卜列说法不正确的是哪项？A.key的作用主要是为了高效地更新虚拟DOMB.若指定了组件的template选项，render函数不会执行C.使用si.MeXITiCk可以确保获得DOM异步更新的结果D.若没有el选J,vm.Smount(dom)可招Vue实例挂我于指定元素上2,下面说法错误的是？.watch监听对般必须设置deep:trueB.数殂直接通过索叨修t属性值，能触发UaICh方法C.watch内部可以写异步方法0.immediate:true可以开启苜次贼伯监听3、关于VUeX说法错误的是？A. Vuex可以用来管理数据B. Vuex也可以实现组件间的传值C. Vuex的同性有'state,mutations,actions,setters等D. mutation中的方法按照规定最好不要涉及异步方法4、下列关于vue-router的描述，不正确的是哪项？A.vuc-router的常用模式有hash和history两种B.可通过HddRoutes方法动态添加路由C.可通过beforeEnter时单个组件进行路由守卫D.vuerouter借助VUe实现响应式的路由.因此只能用于Vue5、关于祖件注册描述错误的是？A.如件可全局注册，也可局部注册B.局部注册的组件在其子组件中可用C.全同注册的组件在其子组件中可用D.引入组件语法：importCoeponentAfrom,./ComponentA'6,过渡元素为:transitionnae=my-transition>>.过渡类名错误的是？A. v-e11terB. my-transition-enterC. m-lransiIionTeaveI),my-transition-1eave-active7,下列关于v-for说法错误的是？.VTbr指令基于一个数组来港染一个列表B.v-for指令需要使用iteminitems形式的特殊语法，其中ileas是源数据数组，而item则是被迭代的数组元素的知名C.不可以用v-for来遍历一个对软的propertyD. v-for在使用的时候JS好添加key.且keyJR好不J½索引8、下列关于v-三odel的说法，哪底是不正确的是？A. V-DKxIel如果为不同元素绑定数据,则使用不同的元素property,并他出不同的事件B. V-DKKk1本质上是语法糊，它负责雅听用户的输入事件以更新数据C. VmCXkI是内置指令,不能用在自定义组件上D.对input使用vmode1.实际上是指定其：value和input事件9、关于路由说法错误的是？A,使用脚手架创建项目时，需要选择安装ve-routerB.在嵌套路由中.需要VueRouter的参数中使用children配置C. vuerouter不可以实现重定向D. VUe-router可以通过配次实现路由懒加我枳减小了许多10、下列关于scoped的描述错误的电？A.scoped原理是在标签上添加data-v属性，然后使用同性选择器实现样式局部化B.使用scoped.父组件的样式会浚透到子组件内部的元素C.f史用scoped不会造成全局污染D.">"可以实现样式穿透Ik有如下代码，城终渲染出来的div元素的class版性假是？<divClaSS="static"v-bind:class="active:isActivo,texl-da11er'：hasError*><div>data:isActive:true.hasError:false.staticisctiveB. staticactiveC. statichasError1).isActive12.在Vuc中,下列哪个选项对数组的操作不会触发视图的更新？.push()B. shift()C. concat0D. reverse013、下面说法错误的是？A.watch方法中不能执行异步操作B.不应该使用箭头函数来定义method函数,箭头函数绑定了父级作用域的上下文,所以this将不会按照期望指向VUe实例C. Vue实例将会在实例化时调用$VatCh(),遍历watch对象的fk一个propertyD. computed的结果会被缓存，除非依籁的响应式property变化才会重新计算Ik关于Vue组件生命周期说法错误的是？A.Vue组件的生命周期可以分成三个大阶段：挂效、更新、即栽B.挂段阶段中涉及到的陶子函数.有：beforeCreate,created,beForeMount,mountedC.更新阶段涉及的钩子函数有：befordJpdatxupdated、activated,deactivatedD.首次进入页面的予函数的执行Mj序：beforcCreate.created.beforeMount、mounted15、关于Vuex说法惜误的是？A. actions通过commit触发mutations中的方法进行状态变更B. Vuex是单项数据流变更数据C. ajax-般放在mutations,',把获取到的数据存储state中D.由于Vuex使用单一状态树.应用的所有状态会集中到一个比较大的对软16 .不属于Vue使用虚拟DOM的特点是？A.虚拟节点可以理解成节点描述对象，它描述了应该怎样去创建此实的POM节点B.虚拟DOM优势：漪染引颦操作IMM慢.js运行效率蒲，于是将DOM对比操作放在JS层，提岛效率C提升泡染性能VirtUaInOM的优势不在于单次的操作，而是在大愤、频繁的数据更新下,能嵯对视图进行合理、高效的更新1) .VirtualDOM是以JavaScript对一为基础,所以必须依赖于浏览器才能运行17 .关于VUeCIi说法描识的是？A. VueC1.I是一个般于Vue.js进行快速开发的完整系统B. C1.I(vuocli)是一个全局安装的tpn包，提供了终端里的Vue命令C. C1.l目前还不能提供图形化界面管理你的所有项目I).C1.I服务是构建于webpack和WebDaCk-de,-server之上的18.下列关于VUe内置蛆件的描述怫误的是?A. transition；为组件的栽入和切换提供动画效果B. Iransition-Rroup:作为多个元素/组件的过渡效果C. keep-alive：缓存子组件，被包耍的子组件会多出两个生命冏期：activated,deactivatedD.当组件在keep-alive内被切换时,它的mounted和unmounted生命周期的子也会祓调用19、下列哪个选项不是单页面的用程序(SPA)的优点？A.不需要击新加蒙整个页面，运行流畅B.高效的前后端分离模式C.有利于SEODM轻服务器压力20、关于路由模式说法错误的是？A. vue-routor有两种模式，history和hash一式B. hash模式是通过onchange事件，监所Url的修改C. history通过H5提供的APIhistory.pushState和history.pushState实现跳转且不刷新页面I) .history模式需要后端进行配合21.现有以下代眄,打印的结果是？newVue(data:(a:,first*,b:,second*,created:function()(console,log(this,a),mountedOconsole,log(this,b)J).'first'B. 'first',second'C. undefinedundefinedD.空22、关于keep-alive说法错误的是？.keep-alive可以通过include属性,匹配要进行缓存的组件B.当如件在keep-alive内被切换，它的activated和deactivated这两个生命周期钩子函数将会被对应执行C. keep-alive自身不会渲染一个IX>M元素.也不会出现在组件的父组件桂中D. max属性控制最多可以镶存多少姐件实例，一旦这个数字达到了，新创建的实例则不能再进行缓存23、下列关于Vue和React的描述播误的是?A. Vue进行数据拦械/代理,对数据更敏盛,数据驱动视图自更新,而React得要手动驱动数据更新视图B. Vue和React的this都指向当前组件实例C. VUC和React郴能使用jsx进行编程D. Vuc和React都是数据卵动视图的更新24、现有以下代码，打印的结果是？newVue(data:(a:1,b:2,watch:n：handler:fundionvalu)(console,lo<value)A.1B.打印谙句不执行C. undefinedD. null25、用于绑定W>MM性的指令是？A. v-onB. V-InodeIC. v-bindD. v-html26、关于VUe组件的生命周期说法错误的是？A. mounted钩子函数中，可以宜接获取DOM元索B. beforeM。Unt佝子函数中，不可以直接获取IK)M元素C. befOreDesiroy钩子函数中，不可以直接获取DOM元素D. destroyed钩干函数中,不可以比接获取DOM元索27、关于v-mudel的修饰符说法错误的是？A. Iuzy修饰符让内容在“change”事件时而非“input”事件时更新B. v-m<xicl添加number修饰符，可以自动将用户的输入值转为数值类型C.可以给YrOdCI添加Ir加悻饰符，自动过谑用户输入的首尾空白字符1) .V-model添加number修饰符,如果这个值无法被ParSenoato解析，则会返Inlnull28、下列关于Vue响应式的描述错误的是？A.当利用索引值设置一个数加项时，Vuc不能检测到数组的变动B.当修改数第的长度时,Vue不能检测到数组的变动C. Vue可以监听对象国性的添加或捌除D.可以通过VUdSCtO方法向嵌套时象添加响应式属性29、关于Vue俎件间的参数传递，下列联项是不正确的？A.若干组件给父组件传值,可使用Semit方法B.祖孙组件之间可以使用provide和inject方式跨层级相互传值C,若子Ifl件使用$emit（,say'）派发步件，父俎件可使用Psay监听D.若父批件给子批件传值,子组件可通过props接受数据30、下列关于Vue2和Vue3的描述错误的是？,Vuc3中Template支持多个根标签,Vue2不支持B. Vue3中的生命周期的拄我的于是onMounted,能要引入才能使用C. VUe3级合APl中的SelupO方法中不可以使用生命周期钩子由数D. Vue3引入了tree-shaking.以模块的方式引入api减小打包体枳二、填空题（每题2分，共20分）1,VueCli安装命令是：.2、YUeCreate项目启动命令是：.3,模版语法中插值使用场景有：。4、数据双向绑定使Hl的指令是：-5、不管初始条件是什么，元素总是会被渲染锁使用的指令是：6、vonxlick.stop表示；。7,路由班定向写法为：.8、rouier.go3）代表的意思是：>9、VueResource如何获取响陶状态：10,YUe项目打包命令：-三、问答题（每题10分，共20分）I、为什么在使用v-for的时候需要添加key周性？2、YUe祖件中daia为什么是一个函数？四、编程题（每题15分，共15分）1、编写一个表单输入页面，要求如下，输入并展示用户名；用户名除去附后空格；用户名氏度大于6个字符，页面显示错误佶息:展示用户名时第一个字母大写：5,对于VUe中响应式数据原理的说法,下列哪项是不正确的？A.采用数据劫持方式，即ObjectdefineProperiy劫持data中各版性，实现响应式数据B.视图中的变化不会通过watcher更新data中的数据C.若data中某属性多次发生变化，WaICher仅会进入更新队列一次D-通过展译过程进行依敕收集6、下列对Vue原理的叙述，不正确的是？A.Vue中的数组变更通知,通过拦做数组操作方法而实现B.编译器目标是创建法柒函数，泡染函数执行后将得到VNode树C.如件内data发生变化时不会通知其对应richer执行异步更新1) .patching算法首先进行同层级比较，可能执行的操作是节点的增加、删除和史新7. Vue实例的data属性，哪个生命周期中获取不到？.beforeCreate8. created9. beforeMountP.mounted8、阅读以下代码，请选择不可以正确打印hl标SS宽度的选项<te三plate><div><hlref='hl'v-if=*,show*>nwcoder<hl><div><template><script>exportdefaultdata()returnshow:false,mounted0this,sho=true/此处埴写代码1<scrit>A. this.SnextTick(function()console,log(this.$refs.hl.offsetWidth)B. SetIntervaKO=>(console,log(this.Srefs.hl.offsetlidth>)C. SCtTiBCout(0=>console,log(this.$refs.hl.offsetWidth)I),console,log(this.Srefs.hl.offsetWidth)9、下列关于Vue响应式的描述怖误的是？.当利用索引值设置一个数组项时,Vue不能检测到数组的变动B.当修改数组的长度时，Vue不能检测到数祖的变动C.Vue可以监听对象属性的添加或捌除P.可以通过Vue.set。方法向嵌套对象添加响应式属性10.关于VUe中的diff算法说法错误的是？A.比较只会在同层级节点迸行比较，不会跨层级比较A. 在diff比较的过程中,循环从两边向中间收拢CYUe的虚拟do.泊染典实dom的过程中首先会对新老VNode的开始和结束位猊进行标记：OldStartIdx.OIdEndldx、newStarildx、HewEndIdxD.当老YNode节点的Start和新VNode节点的end满足sa三d'no<k时,新VNode节点会被提到start位田IK下列关于Vue自定义指令钩子函数的描述错误的是？A.被绑定元素插入父节点时调用inserted函数B. bind函数只调用一次,指令第一次绑定到元素时调用16、关于Vuex说法错误的是？A.Vuex可以用来管理数据H.Vuex也可以实现组件间的传伯C. Vuex的属性有state、mutations,actions、setters等D. mutation中的方法按照规定最好不要涉及异步方法17、现有以下代玛，打印的结果是？newVue(data:(a:1.b:2),watch:a：(handler:fundion(value)(console,log(value)1)A.1B.打印语句不执行C. undefinedD. null18、以下不是vue内置指令的是？A. v-htmlB. v-onC. v-forI),v-hidden19.以下选项中不属千VUeX中的属性的是?.stateB. mutationsC. actionsI）,setters20、关于keepalive说法错误的是?.keep-alive可以通过include屈性，匹配要进行缓存的组件B.当组件在keep-alive内被切换，它的activated和deactivated这两个生命周期的子函数将会被对应执行C. kee>-alive自身不会渲染一个DOM元素，也不会出现在组件的父组件疑中D. max属性控制攒多可以媛存多少组件实例.，一旦这个数字达到了，新创建的实例则不能再进行缓存21、关于路山守卫说法惜误的是？A. Vue路由守卫分为全网路由、单个路由守卫、配件内部路由B.全局路由守卫的钩子函数有：beforeRouteEach（全局前置守卫八beforeRouteReso1ve（全局解析守卫）、afterRouteEach（全局后置守卫）C.单个路由独享的钩子函数只有一个：beforeEnterD.纲件路由守Jl相关的钩子函数：beforCRoUleEnler、beforeRoutclipdate»beforeRoutel.eave22、关于VUeX说法情误的足？.可以使用this.Sstore.state获取Vuex中存储的状态B. KClIer的返回值会根据它的依籁被缓存起来，且只有当它的依籁值发生了改变才会被重新计算C.更改Vuex的Store中的状态的唯一方法是提交mutations中的方法D.Actions可以包含任意异步操作，可以H接变更状态23、下列关于vue-lazyload的描述错误的是？A.组件中使用vue-lazyload时,VTaZy代替Vbind:srcB.组件中使用vueIazyload时，必很要加:key属性C.vue-lazyload指令可以实现图片的懒加我D.使用vue-lazyload时,扩展功能api中的ati<三pi代表尝试加载图片数量24、下面不JW于Vue组件的是？.VueRouterB. VueC1.IC. VUeXD. ElementUI25、Angular和VUe描述错误的足？A.这两个框架幅很快，有非常类似的benchmark数据B. Angular事实上必须用TypeScript来开发C. nguIar相比Vue于史加灵活D.最近的Angular版本中在使用了AOT和tree-shaking技术后使得最终的代码体枳减小了许多26、下列关于m)m的描述错误的是？A. Npm½Node,js标准的软件包管理器B. Npm制定版本安袋命令个：np三i<package-na三e>符版本C. Mpm提供包下我、更新、卸我、版本控制、运行任务等功能D. Npm可运行PaCkage.json中定义的任务27、Vue项目默认启动端口是？A. 80B. 443C. 8080D. «08828.Vue辅值使用场景不包括？A.TextB. HTM1.C. JavaScriptD. CSS29、不是Yuejs指令的足？A. v-refB. v-tcxlC. v-bindD. v-t11tlel30、Vuo组件的结构不包括？A. templateB. scriptC. htmlD. style二、填空题（每题2分，共20分）1、提交事件不正我页面的修饰符是：.2.MVYM模型中YM代表：.3、YUeinit创建项目命令是：”4、条件渲染中始终会泞染DOvl的指令是：5.过涉器应该被添加在JavaScript表达式的尾部,管道符号是：6、父机件需动态传伯给子组件，需在子如件上定义：7、子组件动态传值给父组件须使用：。8、抽梢使用的标签是：9、嵌套路由需为父将由配次：。10、重载NginX的命令：-三、问答题（每题10分，共20分）1、说出几种VUe的指令和用法？2、components和ViRWS下的组件定义有何不同？四、编程题（每题15分，共15分）1、使用具名插槽完成布局组件（包含头部.尾部）开发.VUe应用开发测验题答案01一、单选题（每题1.5分，共45分）15sBBCCB610：CCCB1115：BCACC16-20：DCDCB21-25sADBBC26-30：CDCBC二、填空题（每题2分，共20分）1、np<ninstall-Rvuccli2、np<11runserve3、TextNIITM1.xAttributeJaVaSCriPl表达式4、 v-model5、 v-show6、阻止单击再件维续传播7、（path:*a*.redirect:*b,8、前进3步9、response,statusIOwnpmrunbuild三、问答题（每题10分，共20分）1、为什么在使用v-for的时候猫要添加key属性?Vue在更新消染Dom的时候是根据新旧Dom树进行对比的,使用key来给每个节点做一个唯一标识.2,YUe组件中data为什么是一个函数？组件中的data写成一个函数.数据以函数返I可值的形式定义，这样每次复用组件的时候，都会返回一份新的data,相当于摊个组件实例都有自己私有的数据空间，它们只负而各自维护的数据,不会造成混乱：而写成对象.就是所有的狙件实例共用了一个data,这样改一个全都改了：四、编程题(每题15分，共15分)1、嫡写一个表单输入页面，要求如K输入并展示用户名:用户名除去前后空格：用户名长度大于6个字符,贡而故示借误信息：展示用户名时第一个字母大写：<!)OCTYPEhtal><html><head><metacharset=*utf-8*/><title>PageTitle<tille><scriplsrc=*httpscdn.jsdelivr.not/npm/vue/dist/vue.js*type-*textjavascript*><script><head><body><divid=*ap*><p><inputtype-*,text*vmodel,trim=*user.userNae*><p><p>错误(S息：<spanstyle=*color:red*>(errorMessge)<span><p><p>用户信息:(capilaliz<4<><div><script>ne>Vue(el:*#app*»data:Iuser:serme:IerrorMessage:*.