《Vue应用开发》配套练习题及答案.docx

第一章：情境一一、选择题1,下列哪个选项不是单页面应用程序(SPA)的优点？A.不需要重新加我整个页面,运行流畅B.高效的前后端分两模式C.有利于SEOD.减轻眼务器压力2,下列珊些是Vuc的特性？(多选)A.轻信级B.双向数据绑定C.组件化D.数据驱动视图3.不属于Vue使用虚拟DOM的特点是？A.虚拟节点可以理解成节点描述对望.它描述了应该怎样去创建其实的DOM节点B.虚拟DOM优势：溶染引录操作DOM慢，JS运行效率高，于是将DOM对比操作放在JS层，提高效率C提升渲染性能VirtualIX)M的优协不在于单次的操作，而是在大量、频繁的数据更新下，能移对视图进行合理、高效的更新D.VirtualDOM是以JaVaSCriPt对象为基础.所以必须依赖干浏览渊才能运行4. 下面不属于YUe组件的是？A. VucRouterB. VueC1.IC. VuexD. EleflicntUI5. VueRouter功能不包括？A.嵌套路由映射B.动态路由选择C.页面布同D.模块化、域于组件的路出配置6. VueCli功能不包括？A.实现的交互式的项目脚手架B.调试应用程序C.实现的零配置像型开发P.运行时依敕7. React和YUe描述错误的是？.在React应用中，当某个组件的状态发生变化时，它会以该组件为H3更新渲染整个组件子树B.在Vue中,一切都是JavaScriptC.Vue和React都提供了强大的路由来应对大型应用D.在Vue应用中，组件的依敕是在演染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被生泊染8. AngularJS和YUe描述错误的是？A. Angulai-JS有更好的性能.并且非常非常容易优化B. AngularJS使用双向绑定，Vue在不同组件间强制使用唯向数据流C. Vue.js於一个更加灵活开放的解决方案D. Vue的一些谱法和AngularJS的很相似，因为AngularJS是Vue早期开发的灵感来源9. Angular和Vue描述错误的是？A.这两个框架掷很快，有非常类似的benchmark数据B. AngUIar学实上必须用TypeScript来开发C. Angular相比Vue于更加灵活1） .最近的Angular版本中在使用了AOT和tree-Shaking技术后使如最终的代码体枳减小了许多10.下面关于VUeX描述悟误的足？A. Vuex是一个专为Vue.js应用程序开发的状态管理模式库B. VUeX来用分布式存饰管理应用的所有组件的状态C.每一个YUeX应用的核心就是store（仓维），store基本上就是一个容器，它包含蓿你的应用中大部分的状态stateD.在单页面应用中,Vuex能很好的在组件外部管理状态二、简答题1 .什么是VUC框架？2 .Vue生态系统中包括了哪些插件?第一章：情境二一、选择题1 .关于Vue-Cli说法错误的是？A. VueC1.I是一个基于Vue.js进行快速开发的完整系统B. C1.I(uecli)是一个全局安装的np11包，提供了终端里的Vue命令C. C1.I日前还不能提供图形化界面管理你的所有攻FID. C1.I服务是构建干WebPaCk和webpackdevserver之上的2 .下列关于YUe2和VUe3的描述错误的是？A. Vue3中Template支持多个根标签,YUC2不支持B. Vue3中的生命周期的挂载的子是OnMounted,备要引入才能使用C. Vue3殂合API中的SetuPO方法中不可以使用生命同期钩子函数D. Vuc3引入了tree-shaking.以模块的方式引入api减小打包体枳3 .下列关于YUeCli的描述错误的是？A.VueC1.I有几个独立的部分，VueC1.I仓库里同时管理了多个单独发布的包B.安装VUe3+命令为：npminstal1vue-cliC.安装VUe3+命令为：npminstall*vuecliD.安装Vue3+后若要使用init命令,还需安装UPminSIalIQvue/cli-init4 .下列关于VueInit项目描述惜误的是？A. build为项目构建包B. confi为项目开发环境配置包C. src为J目源码包D. index.html文件在SrC源码包中，所有的页面文件都放置在源码包内5 .下列哪个选项不是华页面应用程序SP)的优点？1.关干VueCliui项目命令正确的足？A. vueuiProjectNameB. vueuibrowserifyPrOjMINameC. vueuiwebpackprojectNameDvueui2.关于YuoCIiUi项目包结构描述正确的是？（多选）./node_modu1es：项目依赖包B. /public：入口文件公共包C. /src：源码包D. /src/router：JSlI路由配置包3,后动vueui项目的命令正确的是?A. np<nrunserverB. nxnrunserveC. np<nrundevI）,npmrunlive4 .关于vueui项目描述格误的是？.可以选择YUe2、VUe3、手动配置方式、远程预设方式创建项目B.可以在JSFl管理中且接编译和启动项目C.项目管理器地址Mlp:IoCaIho$1:8000/ProjCCtySeleCl1） .儒使用命令方式启动项目5 .关于vueui项日自动依赖的环境有？（多选.Vue3B. babelC. ES1.intD. ElementUI二、简答题1.阐述Vueui创建项目流程。第二章：情境一一、选择题1. Vue模板语法有？(多选)A.插值B.指令C.缩写D.脚本2. Vue插值使用场景不包括？A. TextB. Hnl1.C. JavaScriptD. CSS3,下列关于v-三odol的说法，哪项是不正确的足?A. v-tnodel如果为不同元素绑定数据,则使用不同的元素PrCPerty,并撤出不同的理件B. Vmodel本质上是语法栩.它负贲监听用户的输入事件以更新数据CV-InOdel是内嵬指令，不能用在自定义组件上D.对input使用v-11odcl.实际上是指定其:value和input事件4 .关于VUe双向数据绑定说法错设的是：A. Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式B. Object.dcfineProrwrty(obj,key,val)Ur以监听数祖变化，不需要做特殊处理C. VUe2.O致出;劫持是利用ES5的Object.defineProperty(obj,key,val)方法来助持每个属性的getter和setterD.用户更新了Vie<.Model的数据也自动被更新了,这种情况就是双向数据绑定5 .以下代码打印结果为：<divid=*app*->(<messae.split(,).reverse(),join(',)B<div><script>newVue(el:"app”,data:message:"hello*):<script>A. helloB. hoiC. ollehD. Ilo6现有以下代码.下面说法懵误的是,<divV-ShOw='flag>>v-show<div><div-if=*fla>v-flag<div>A.当flag是t-ue时.两个div都能显示出来B.当flag是false时，第一个div进行了渲染C.当门派是false时.第一个div设JS了display:none1) .当flag是false时,第二个div设:宣Tvisible:hidden7 .关于v-model描述错误的是？A. VBodel指令在表单input)、<textarea>及<select>元素上创建双向数据梆定B. VFOdOl本质上此语法施，它负击监听用户的输入事件以更新数据.并对一些极端场景进行一些特殊处理C. Vmodel使用表单元素的value,checked«SeleCted屈性的初始值作为数据来浓D. v-mdel在内部为不同的输入元素使用不同的侬性并搬出不同的"件8 .不是VUC,js指令的是？.v-textB. v-refC. vbindI),v-model9 .v-for地历对象写法翻误的是？A. (value,index)inobjectB. valueinobjectC. (value,name)inobjectI),(value,na三e,index)inobject10 .不是YUC步件修饰符的是？A.stop二、简答题1 .阐述Vuccreate单页面渲染过程。项目构建之初也已经生成好了SPA入口界if11PUbliC/index.html,并在系统入口处(srcnain.js)构建了Vue对象，并将App.ve对象泡染的界面挂我在index.htnl中id="y”的div标签上。2,阐述Vueinit.Creat。项目的区别.创建项目命令不同，inil要选择模版包名：生成项目包结构不同.createIWindex.html文件移到了public目录下：启动项目命令不同,init目npnrundev,create9(Snpmrunserve：第一章：情境四一、选择题1. D2. ABCD3. B1.D5. ABC二、简答题1 .阐述Vueui创建项目流程.VUeUi一一创建新项目配置依极和插件一编洋启动项目。第二章：情境一一、选择题1. ABC2. I)4. B5. C6. I)7. C8. B9. A10. D二、简答题I.说出几种YUe的指令和用法.v-model双向数据绑定；v-for循环：V-ifV-show显示与隐藏：v-on事件：v-once只绑定一次：2.Vue中的单向数据流和双向数据绑定是什懑思？单项数据流：数据是单向的，父批件的数据传递给子组件，只能单项绑定，不可以在子组件脩改父组件的数据：双向数据绑定：数据和页面进行双向绑定，相互影响；第二章：情境二一、选择题1. B2. C3. I)4. B6. B7. D8. D9. 10. ABCD二、简答题1.书写CIaSS绑定中三日表达式的例子.<divv-bind:CIaSS=YisActive?activeClass:,',errorClassj><div>2,阐述CSS过渡与动画的区别，CSS动图用法同CSS过渡，区别是在动画中v-enter类名在节点插入DOM后不会立即删除，而是在aniaIionend"件触发时删除。第二章：情境三一、选择题1. C2. D3. C4. AC二、简答题1 .阐述计算属性和方法的区别.计算属性是基于它们的响应式依赖进行缓存的，在模型未改变之前，返网缓存数据:每当触发重新溶染时,调用方法将总会再次执行函数；2 .阐述过湖湍使用场景.字符过泄、数据处理等第三章：情境一一、选择题二、简答题1. VUe组件中data为什么是一个函数?组件中的data写成一个函数.数用以函数返I可依的形式定义，这样每次坡用组件的时候，都会诋回一份新的da<a,相当于年个组件实例都有自己私有的数据空间，它们只负而各自维护的数据,不会造成混乱：而写成对双，就是所有的祖件实例共用了个data,这样改一个全都改了：2. vue父子组件如何传递数据?子组件定义prop,父组件在调用子组件时,传入prop姐性子组件M件函数中使用Jemit函数发射”件函数，父祖件监听该犷件函数，并接受发射函数传递的数据第三章：情境二一、选择题1.DABCDABCDI)二、简答题1.YUCrouter如何实现用定向？(path:"a',redirect:"b')2.书写一个嵌套路由的例子。routes:path:'/user/:id',component:User,children:H当/user/:id/profiIe匹配成功,HUserProfile会被泡染在User的<router-view>中path:'profile',Coopnnent:1.serProfi1e第四章：情境一一、选择题1. D2. ABC3. D4. C5. ABCD二、简答题1.书写VlIBresourceget请求例子Cthis.$htlp.get(,somelr,options),then(response)=>(/响应成功回调,(response)=>(/响应错误回调):2.ti写vucresourcepost请求例子.this.Shttp.post(*so<11el.f:,ba).then(response->(/doso三ething,response=>/errorCHIIbaCk)：第四章：情境二一、选择题1. D2. ABCD3. BC二、简答题1 .书写axiosget请求例子。axios(method:,get,url:,htlpbit.ly2TM3nYresponseType:*stream,)2 .书写axiospost请求例子axios(method:*pst'lurl:'/user/12345'.data:(firslNa11e:,Fred,)：第五章：情境一一、选择题1. ABCD2. A3. B4. 1)5. D二、简答题1 .简述Vue项目部署流程.Vue项目打包准备inx环境将Vue项目打包文件dist上传到Nginx服务涔的文件夹：usrlocalnginx/htm1启动Nginx限务2 .简述几项Nginx配置及其含义.worker_processes：比动进程数htworkerconnections：*个后台workerprocess进程的班大井发链接数include：设定minx?类型default_lype：公认mime类型seridfiIes指定nginx是否调用SCUdriIe脸数来输出文件keepalivetiaeout：连接超时时间SerVer；虚拟主机配置listen：侦听端口号servername：定义本地Ip映射名称IoCatiOn:网页地址映射配置