记录刷的练习题_不可以用v-for来遍历一个对象的property-CSDN博客

本文链接：https://blog.csdn.net/qq_45659638/article/details/126130862

关于Vue组件化说法错误的是（ B）
A.所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护
B.组件是资源独立的，组件在系统内部可复用，但是组件和组件之间不可以嵌套
C.vue的组件之间可以进行通信
D.组件化能提高开发效率，方便重复使用，简化调试步骤，提升项目可维护性，便于多人协同开发

解析：
组件是资源独立的，组件在系统内部可复用，但是组件和组件之间可以嵌套

关于Vuex说法错误的是（C ）
A.Vuex可以用来管理数据
B.Vuex也可以实现组件间的传值
C.Vuex的属性有state、mutations、actions、setters等
D.mutation中的方法按照规定最好不要涉及异步方法

解析：
Vuex的属性有state、mutations、actions、getters、module等。

现有以下代码, 打印的结果是（ A ）

new Vue({
data: { a: ‘first’, b: ‘second’ },
created: function () { console.log(this.a) },
mounted(){ console.log(this.b) }
})

A. ‘first’
B. ‘first’ ‘second’
C. undefined undefined
D. 空

解析：由于Vue实例没有执行DOM挂载，所以不会执行mounted钩子函数。

以下属于Vue绑定事件的指令是（ BC ）
A.v-bind
B.@
C.v-on
D.1

解析：
绑定事件有两种方式：1.通过v-on指令。2.通过@
v-bind是绑定属性。
:是指令 “v-bind”的缩写
@是指令“v-on”的缩写
.是修饰符

List item以下不是vue内置指令的是（ D ）
A.v-html
B.v-on
C.v-for
D.v-hidden
解析：
v-html指令让标签内用html渲染
v-on 指令事件绑定
v-for指令循环
vue中的隐藏是，v-if和v-show,没有v-hidden
下列关于v-for说法错误的是（ C ）
A.v-for指令基于一个数组来渲染一个列表
B.v-for指令需要使用item in items形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名
C.不可以用v-for来遍历一个对象的property
D.v-for在使用的时候最好添加key，且key最好不是索引
解析：
v-for可以遍历对象属性，如：

user: [ 'name': 'simon', 'age': '30']

<div v-for='(key, value, index) in user'>name: {{name}}   age:{{age}}  index:{{index}}</div>

输出为： name: simon age: 30

下列关于Vue内置组件的描述错误的是（ D ）
A.transition：为组件的载入和切换提供动画效果
B.transition-group：作为多个元素/组件的过渡效果
C.keep-alive：缓存子组件，被包裹的子组件会多出两个生命周期：activated、deactivated
D.当组件在keep-alive内被切换时，它的mounted和unmounted生命周期钩子也会被调用

解析：< keep-alive > 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 < transition> 相似，< keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。当组件在 < keep-alive> 内被切换时，它的 mounted 和 unmounted 生命周期钩子不会被调用，取而代之的是 activated 和 deactivated。(这会运用在 < keep-alive> 的直接子节点及其所有子孙节点。)

下列关于scoped的描述错误的是（ B ）
A.scoped原理是在标签上添加data-v属性，然后使用属性选择器实现样式局部化
B.使用scoped，父组件的样式会渗透到子组件内部的元素
C.使用scoped不会造成全局污染
D.">>>"可以实现样式穿透

解析：
使用scoped后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的scoped css和子组件的scoped css的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。
使用scoped，父组件的样式不会渗透到子组件，如果要渗透，可以在需要渗透的样式前面加>>>或::v-deep或/deep/

下面说法错误的是（ A ）
A.watch方法中不能执行异步操作
B.不应该使用箭头函数来定义 method 函数,箭头函数绑定了父级作用域的上下文，所以this将不会按照期望指向 Vue 实例
C.Vue 实例将会在实例化时调用$watch()，遍历 watch 对象的每一个 property
D.computed的结果会被缓存，除非依赖的响应式 property 变化才会重新计算

解析：
watch和computed的其中一个关键区别就是watch可以执行异步操作，而computed不能执行异步操作。
methods中如果用的是正常函数，那么它的this就指向Vue实例；如果是箭头函数，this就指向window对象。

CSS的引入方式共有三种，它们的优先级是：C
A.
外部样式 > 内嵌样式 > 行内样式
B.
外部样式 > 内嵌样式/行内样式
C.
行内样式 > 内嵌样式/外部样式
D.
行内样式 > 内嵌样式 > 外部样式
代码如下：

<div>
<p>p1</p>
<p>p2</p>
</div>

想让p1所在的标签和p2所在的标签之间在垂直方向上有40px的间距，说法正确的是 (BC)
A. 可以给p1所在的标签书写margin-bottom:20px;给p2所在的标签书写margin-top:20px;
B. 可以给p1所在的标签书写margin-bottom:40px;
C. 可以给p2 所在的标签书写margin-top:40px;
D. 给div书写padding-bottom:40px;

font属性写法正确的是(AB)
A.div{ font:14px/20px “微软雅黑”; }
B. div{ font; 12px “微软雅黑”; }
C.div{ font:20px; }
关于color属性说法正确的是(A )
A.可以设置文本的颜色。
B. 可以设置padding的颜色。
C.可以设置背景颜色。
对于选择器div.box{}说法正确的是( C)
A. 可以选择中带有类名为box的p标签.
B. 可以选择中div标签和带有类名为box 的标签
C. 可以选择中带有类名为box的div标签
D. 啥也选不中。
以下哪一个不是CSS基本选择器:B
A.
ID选择器。
B.
伪类选择器。
C.
类选择器。
D.
HTML标签选择器
以下对CSS描述错误的是:D
A.
5.CSS是层叠样式表(英文全称:Cascading Style
B.
CSS可以实现内容与样式的分离。
C
CSS是解释型语言,不需要编译。
D.
CSS负责网页元素的内容与样式。
对于font-family 样式描述错误的是：(A)
A.
font-family 样式的值只能有一个。
B.
font-family 样式用来设置文本为什么样的字体。
C.
font-family 样式设置的字体必须在本机中存在，方才有效。
D.
font-family 样式设置的字体有：“黑体”、"微软雅黑"等等。
对于 <input type="url"> 控件描述正确的是：（C）
A.
在表单中没有这样的控件。
B.
. 此控件是用来跳转到某一个网页的。
C.
此控件中必须输入一个合法的URL网址。
D.
此控件中可以进行多行输入。
以下关于z-index的描述错误的是：(C）
A.
z-index样式的值是一个整形数，就表示元素所在的层级。
B.
z-index样式可以解决元素之间如何覆盖的问题。
C.
z-index样式的值最低0，最高10。
D.
元素脱离了文档流，可以把它想象为：此元素漂浮在网页上方。
以下关于相对定义与绝对定位之间的关系的描述错误的是:(B)
A.
绝对定位元素太灵活了，需要使用相对定义来限制它。
B.
相对定义与绝对定位之间没有任何关系。
C.
绝对定位元素完全不受文档流的影响，因为它完全依靠坐标来定位。
D.
如果想让绝对定位元素即受文档流的影响，又可以设置坐标，那么就可以使用相
对定位元素做它的父容器。
position样式用于设置元素如何定位，下面代码那个是正确的：(A)
A.
position: static;
left: 0;
top: 0;
B.
position: absolute;
left: 0;
top: 0;
C.
position: relative;
left: 0;
top: 0;
D.
position: fixed;
left: 0;
top: 0;