第day05单元 练习手册 不想刷理论的第五天

1、第day05单元 练习手册 不想刷理论的第五天一、单选题1. (单选)VUE表单上的控件可以使用下列哪个指令进行双向绑定。下边的哪个选项最为合适？ 单选题 *A. v-onB. v-bindC. v-model(正确答案)D. v-show2. (单选)VUE中Input输入框v-model数据绑定正确的是。下边的哪个选项最为合适？ 单选题 *A. (正确答案)B. C. D. 3. (单选)ElementUI的表格组件 单选题 *A. data(正确答案)B. propC. labelD. widthE. Style4. (单选)VUE组件注册说法不正确的是？。下边的哪个选项最为合适？ 单选

2、题 *A. VUE组件全局注册是指注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。它使用Vponent的API注册B. 在VUE对象定义时，内部使用components属性指定的组件是局部注册C. 局部注册的组件在其子组件中不可用D. 全局注册的行为必须在根 Vue 实例 (通过？new Vue) 创建之前发生E. 以上都不对(正确答案)5. (单选)VUE中下面哪个事件修饰符只会触发自己范围内的事件，不会包含子元素？。下边的哪个选项最为合适？ 单选题 *A. .stopB. .preventC. .captureD. .self(正确答案)6. (单选)Eleme

3、ntUI的下拉框组件要循环出列表供用户下拉，应该使用VUE的v-for指令，那v-for指令应该放在哪个组件上？。下边的哪个选项最为合适？ 单选题 *A. B. (正确答案)C. D. 以上都不是7. (单选)VUE中由外向内传播的事件修饰符是？。下边的哪个选项最为合适？ 单选题 *A. .stopB. .preventC. .capture(正确答案)D. 以上都不对8. (单选)VUE中注册自定义组件使用的API是？。下边的哪个选项最为合适？ 单选题 *A. Vue.directiveB. Vue.extendC. Vue.useD. Vponent(正确答案)9.(单选)VUE中v-if

4、指令代码：Hello World。下列选项中的数据定义哪个会显示“Hello World”？。下边的哪个选项最为合适？ 单选题 *A.new Vue( data: display: true )(正确答案)B.new Vue( data: display: false )C.new Vue( display: true )以上都不对10. (单选)VUE中，如何让文本插件失效？即不编译按原样输出。下边的哪个选项最为合适？ 单选题 *A. A: v-textB. B: v-htmlC. C: v-pre(正确答案)D. D: v-on11.(单选)HTML模板为下列VUE数据绑定正确的是。下边的

5、哪个选项最为合适？ 单选题 *A. new Vue( el: app, data: ) B. new Vue( el: #app, data: ) (正确答案)C. new Vue( el: $app, data: ) D.以上都不对12. (单选)TextArea输入框v-model数据绑定正确的是。下边的哪个选项最为合适？ 单选题 *(正确答案)D. 以上都不对13. (单选)Checkbox多选框数据绑定语法正确的是。下边的哪个选项最为合适？ 单选题 *A. 多个复选框： Runoob Google taobao 选择的值为: checkedNames new Vue( el: #app

6、, data: checked : false, checkedNames: ) B. 多个复选框： Runoob Google taobao 选择的值为: checkedNames new Vue( el: #app, data: checked : false, checkedNames: ) (正确答案)C. 多个复选框： Runoob Google taobao 选择的值为: checkedNames new Vue( el: $app, data: checked : false, checkedNames: ) D.以上都不对14. (单选)Radio单选框数据绑定语法正确的是。下

7、边的哪个选项最为合适？ 单选题 *A. 单个复选框： checked new Vue( el: #app, data: checked : false, ) B. 单个复选框： checked new Vue( el: #app, data: checked : false, ) C. 单个复选框： checked new Vue( el: #app, data: checked : false, ) (正确答案)D. 以上都不对15. (单选)Select下拉框使用VUE绑定数据模型语法正确的是。下边的哪个选项最为合适？ 单选题 *A. 选择一个网站 Runoob Google 选择的网站是

8、: selected new Vue( el: $app, data: selected: ) B. 选择一个网站 Runoob Google 选择的网站是: selected new Vue( el: #app, data: selected: ) C. 选择一个网站 Runoob Google 选择的网站是: selected new Vue( el: #app, data: selected: ) (正确答案)D. 以上都不对16. (单选)关于axios说法不正确的是。下边的哪个选项最为合适？单选题 *A. 基于promise用于浏览器和node.js的http客户端B. axios是

9、一个基于 promise 的 HTTP 库C. axios能拦截请求和响应D. 以上都不对(正确答案)17. (单选)关于axios安装的描述错误的是。下边的哪个选项最为合适？ 单选题 *A. $npm install axiosB. $bower install axiosC. 通过cdn引入 checked D. 以上都不对(正确答案)18. (单选)下列axios的特点描述错误的是。下边的哪个选项最为合适？ 单选题 *A. 能转换请求和响应数据，自动转换JSON数据B. 支持promiseC. 能拦截请求和响应，能取消请求D. 以上都不对(正确答案)19. (单选)VUE使用axios方

10、法错误的是。下边的哪个选项最为合适？ 单选题 *A. 结合 vue-axios使用 import axios from axios import VueAxios from vue-axios Vue.use(VueAxios,axios);B. axios 改写为 VUE 的原型属性 Vtotype.$ajax= axiosC. 结合Vuex的action import Vue from Vue import Vuex from vuex import axios from axios Vue.use(Vuex) const store = new Vuex.Store( / 定义状态 st

11、ate: user: name: xiaoming , actions: / 封装一个 ajax 方法 login (context) axios( method: post, url: /user, data: context.state.user ) ) export default storeD. 以上都不对(正确答案)20. (单选)下列使用axios的Post请求方法错误的是。下边的哪个选项最为合适？ 单选题 *A. import axios from axios let data = code:1234,name:yyyy; axios.post($this.$url/testCt

12、rl,data) .then(res= console.log(res=,res); )B. import axios from axios let data = new FormData(); data.append(code,1234); data.append(name,yyyy); axios.post($this.$url/test/testCtrl,data) .then(res= console.log(res=,res); )C. import axios from axios import qs from Qs let data = code:1234,name:yyyy;

13、axios.post($this.$url/test/testCtrl,qs.stringify( data ) .then(res= console.log(res=,res); )D. 以上都不对(正确答案)21. (单选)axios响应对象包括属性有data、status、statusText、headers、config、request,关于属性描述错误的是。下边的哪个选项最为合适？ 单选题 *A. data： 服务端返回的数据B. status: 服务端返回的状态码C. statusText: 服务端返回的状态信息D. headers: 所有的请求头名称(正确答案)22. (单选)关

14、于VUE组件如何存储自己独立的数据模型。下边的哪个选项最为合适？ 单选题 *A. 使用props属性B. 使用data函数(正确答案)C. 使用template属性D. 以上都不对二、多选题1. 下列选项属于axios提供的方法的是。下边的哪些选项最为合适？ *A. axios.get(url, config)(正确答案)B. axios.post(url, data, config)(正确答案)C. axios.put(url, data, config)(正确答案)D. axios.head(url, config)(正确答案)2. axios用来处理同时发生多个请求的辅助函数。下边的哪些

15、选项最为合适？ *A. axios.all(iterable)(正确答案)B. axios.request(config)C. axios.spread(callback)(正确答案)D. 以上都不对3. axios可以通过哪两种方式提交请求数据。下边的哪些选项最为合适？ *A. params：是JSON形式的参数对象(正确答案)B. url: /user?param=+param(正确答案)C. params：是JSON形式的参数对象(正确答案)D. 以上都不对4. 下列属于axios请求配置的是下边的哪些选项最为合适？ *A. url：是请求的接口地址(正确答案)B. method：是请求

16、的方法(正确答案)C. baseURL: 如果url不是绝对路径，那么会将baseURL和url拼接作为请求的接口地址(正确答案)D. params：是JSON形式的参数对象(正确答案)5. VUE允许使用串联过滤器语法正确的是？下边的哪些选项最为合适？ *A. message | filterA | filterB (正确答案)B. message | filterA(arg1, arg2) (正确答案)C. message | capitalize D. 6. VUE为v-on指令提供的事件修饰符有哪些？下边的哪些选项最为合适？ *A. .stop(正确答案)B. .prevent(正确答

17、案)C. .capture(正确答案)D. .self(正确答案)E. .once(正确答案)F. .passive(正确答案)7. VUE中v-on指令可监听DOM事件，下列语法正确的是？下边的哪些选项最为合适？ *A. B. (正确答案)C. 在D. (正确答案)8. (多选)interceptors是axios拦截器，下列关于拦截器描述正确的？是下边的哪些选项最为合适？ *A. 添加一个请求拦截器 erceptors.request.use(function (config) / Do something before request is sent return config; , f

18、unction (error) / Do something with request error return Promise.reject(error); );(正确答案)B. 添加一个响应拦截器 erceptors.response.use(function (response) / Do something with response data return response; , function (error) / Do something with response error return Promise.reject(error); );(正确答案)C. 移除拦截器的语法是

19、var myInterceptor = erceptors.request.use(function () /*.*/); erceptors.request.eject(myInterceptor);(正确答案)D. 为axios实例添加一个拦截器 var instance = axios.create(); erceptors.request.use(function () /*.*/);(正确答案)9. 下列定义VUE组件语法正确的是_.下边的哪些选项最为合适？ *A. Vponent(test, template: 自定义组件! )(正确答案)B. Vponent(test, prop

20、s: message, template: message )(正确答案)C. Vponent(todo-item, props: todo, template: todo.text )(正确答案)D. 以上都不对10. 关于VUE组件，下列从父组件向子组件传递数据语法正确的是。下边的哪些选项最为合适？ *A. Vponent(child, props: message, template: message ) new Vue( el: #app ) (正确答案)B. Vponent(child, props: message, template: message ) new Vue( el:

21、 #app, data: parentMsg: 父组件内容 ) (正确答案)C. Vponent(todo-item, props: todo, template: todo.text ) new Vue( el: #app, data: sites: text: Runoob , text: Google , text: Taobao ) (正确答案)D. 以上都不对11. 关于VUE组件中prop属性验证语法正确的是。下边的哪些选项最为合适？ *A. Vponent(my-component, props: name: validator: function (value) return

22、success, warning, danger.indexOf(value) != -1 )(正确答案)B. Vponent(my-component, props: age: validator:function (value) return value10; )(正确答案)C. Vponent(todo-item, props: todo, template: todo.text ) new Vue( el: #app, data: sites: text: Runoob , text: Google , text: Taobao ) D. 以上都不对三、判断题1. (判断)HTTP协议中错误代码500是找不到页面。这个说法正确么？ 单选题 *A. 正确B. 错误(正确答案)2. (判断)VUE组件全局注册是指注册之后可以用在任何新创