vue框架开发专项测试卷含答案_第1页
vue框架开发专项测试卷含答案_第2页
vue框架开发专项测试卷含答案_第3页
vue框架开发专项测试卷含答案_第4页
vue框架开发专项测试卷含答案_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

vue框架开发专项测试卷含答案一、选择题(每题2分,共20题)1.为了解决自动监听Vue对象的状态变化,提供数据状态监听功能()A.watch(正确答案)B.v-modelC.methodD.compute2.在Vue指令中,实现页面列表渲染的指令()A.v-htmlB.v-showC.v-for(正确答案)D.v-if3.在Vue中,数据传递主要通过props属性和()方法来实现。A.$emit(正确答案)B.$attrsC.$refsD.$options4.下列不属于Vuex.Store配置对象接受的参数是()A.data(正确答案)B.stateC.mutationsD.gettters5.在Vue组件中,子组件用()来触发事件,父组件用()来监听子组件事()A.$emit和$on(正确答案)B.emit和onC.$emit和onD.emit和$on6.使用vuecreate

创建项目,选择默默认配置,选项中不包括()A.BabelB.Router(正确答案)C.Vue3D.ESLint7.在Vue项目目录下,安装插件使用的命令是()A.vueinstallB.vueuse(正确答案)C.vuecreateD.vueadd8.在vue的路由模式中,在地址栏中会自带#号,但是不会包含在http请求中的模式为()A.historyB.hash(正确答案)C.HMRD.SPA9.嵌套路由的关键属性是()A.routesB.pathC.children(正确答案)D.component10.下列关于Vue.use说法,错误的是()A.Vue.use是Vue提供的全局接口API(正确答案)B.Vue.use可以用来注入组件选项C.使用vue.use不会影响到所有的Vue实例D.Vue.use不可以用来注入自定义选项的处理逻辑11.在单文件组件中,怎样让CSS只在当前组件中起作用()A.<style>标签修改内联样式B.<style>标签修改为行内样式C.<style>标签修改为外联样式D.<style>标签修改为<stylescoped>(正确答案)12.实现ES6模块导入/导出功能的语句是()A.require和exportsB.include和exportC.export和import(正确答案)D.require和export13.为防止插值部分闪烁,使用的指令是()A.v-showB.v-cloak(正确答案)C.v-onceD.v-pre14.实现事件捕捉的修饰符是()A.preventB.capture(正确答案)C.onceD.stop15.<body>

<divid="app">{{message+message}}

<div:id="message"></div>

</div>

<scriptsrc="/npm/vue/dist/vue.js"></script>

<script>

varvm=newVue({

el:'#app',

data:{

message:'helloWorld',

}

})

</script>

</body>

</html>

以上代码使用的vue.js是(

)A.开发版本(development)(正确答案)B.生产版本(production)C.编译版本(compiler)D.运行版本(runtime)16.<ol>

<todo-item></todo-item>

</ol>

<scriptsrc="../js/vue.js"></script>

<script>

//定义名为todo-item的新组件

Vponent('todo-item',{

template:'<li>这是个待办项</li>'

})

</script>

下列组件注册方式为()A.局部注册组件B.自定义定义父组件C.自定义子组件D.全局注册组件(正确答案)17.以下代码的作用是()A.通过事件绑定,实现单向数据绑定的功能。B.通过事件绑定,实现双向数据绑定的功能。C.通过事件绑定,获取当前文本框的值,显示在段落标记中。(正确答案)D.通过事件绑定,获取目标对象的值,显示在段落标记中国18.Vue会默认转义html代码,它不会讲其渲染成HTML元素,而是输出为纯文本。如果要想输出HTML元素,而不是纯文本,可以采用()指令A.v-textB.v-modelC.v-html(正确答案)D.v-bind19.用来获取dom节点,进行dom操作的API是()A.vm.$elB.vm.$dataC.vm.$optionsD.vm.$refs(正确答案)20.第一次页面加载会触发那些()生命周期函数A.beforeCreate,created,beforeMount,mounted(正确答案)B.beforeCreate,created,activated,deactivatedC.beforeMount,mounted,beforeDestroy,destroyedD.beforeUpdate,updated,activated,deactivated二、多选题(每题2分,共10题)21.在vue中组件的命名方式通常为()

A.camelCase(小驼峰)B.UnderScoreCase(下划线)C.pascal(大驼峰)(正确答案)D.kebab-case(短横线)(正确答案)22.服务器端渲染相对于SPA(单页面应用)来说,主要有以下优势()

A.减少服务器压力B.有利于SEO(搜索引擎优化)(正确答案)C.提高首屏渲染速度(正确答案)D.项目可以部署在静态文件服务器上(正确答案)23.下列属于单页应用的特点()

A.服务器压相对力小,服务器只用出数据就可以,不用管展示逻辑和页面合成。(正确答案)B.首次加载耗时短C.前后端分离,后端不再负责模板渲染、输出页面工作。(正确答案)D.内容的改变不需要重新加载整个页面(正确答案)24.前端路由主要的显示方式有()。

A.urlB.hash(正确答案)C.history(正确答案)D.request25.下列那些属于CSS预编译处理器()

A.StylusB.NuxtC.Sass(正确答案)D.Less(正确答案)26.下列关于路由的跳转模式,说法正确的是()

A.<router-linkto="需要跳转到页面的路径">(正确答案)B.this.$router.push()跳转到指定的url,并在history中添加记录,点击回退返回到上一个页面(正确答案)C.this.$router.replace()跳转到指定的url,但是history中不会添加记录,点击回退到上上个页面D.this.$touter.go(n)向前或者后跳转n个页面,n可以是正数也可以是负数(正确答案)27.自定义指令的生命周期函数(钩子函数)中,用于数据绑定到元素的函数是()

A.inserted(正确答案)B.unbindC.bind(正确答案)D.beforeMount28.下列关于ref属性的描述正确的是()

A.ref加在普通的元素上,用this.$refs.(ref值)获取到的是dom元素(正确答案)B.ref加在子组件上,用this.$refs.(ref值)获取到的是组件实例,可以使用组件的所有方法(正确答案)C.ref需要在dom渲染完成后才会有,在使用的时候确保dom已经渲染完成(正确答案)D.获取页面中含有属性ref的DOM元素,如果有多个元素,那么只返回第一个29.Vue中transition标签实现的过渡动画效果,使用mode属性设置过渡模式,其取值为()

A.enter-to(正确答案)B.in-outC.out-inD.leave-to(正确答案)30.使用webpack对vue项目中不同类型的文件进行打包,需要使用的loader分别为()

A.vue-loader(正确答案)B.css-loader(正确答案)C.url-loaderD.style-loader(正确答案)三、判断题(每题1分,共10题)31.VUE一般使用template来创建HTML,然后在有的时候,我们需要使用javascript来创建html,这时候我们需要使用render函数。对(正确答案)错32.属性绑定指令v-bind可以同时绑定多个属性,而事件绑定指令v-on只能绑定一个方法。对错(正确答案)33.v-model只是一个语法糖,其内部实现原理就是使用v-bind和input事件监听值的改变。对(正确答案)错34.Vue的版本官方一直在更新变化,其中旧版本使用的

命名插槽以及作用域插槽,在2.6.0+中已弃用,所以我们要使用新的v-slot属性指定插槽的名称,但是在使用v-slot的情况下,必须使用template标签。对错(正确答案)35.VueCli3生成的项目结构,没有build、config目录,而是使用vue.config.js来进行配置。对(正确答案)错36.vuex就是一个仓库,仓库里放了很多对象。其中state就是数据源存放地,对应于一般vue对象里面的datastate里面存放的数据是响应式的,vue组件从store读取数据,若是store中的数据发生改变对(正确答案)错37.Vue基于html的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。在底层的实现上,Vue将template里面的标签字符串编译成虚拟的DOM函数,然后结合响应式系统,把template重新渲染,并把DOM操作次数减到最少。对(正确答案)错38.computed属性只有getter方法

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论