前端选择复习（部分含解析）

最新推荐文章于 2024-07-04 16:37:43 发布

赵鹤卿

最新推荐文章于 2024-07-04 16:37:43 发布

阅读量907

点赞数 27

文章标签：前端

本文链接：https://blog.csdn.net/m0_74202856/article/details/139025042

版权

1.在Vue中的哪个方法是侦听器？（D）

A. map
B. computed
C. filters
D. watch

2.有CSS样式如下：

.cc{color:red;background-color:yellow}

下面代码中哪一个选项不可以使cc样式起作用？

A. <p :class= {cc：25>20} >洛阳牡丹甲天下，花开时节动京城</p>
B.<p :class= {cc:true} >洛阳牡丹甲天下，花开时节动京城</p>
C.<p :class= {"20>25?'cc':""} >洛阳牡丹甲天下，花开时节动京城</p>
D.<p :class= {"cc"} >洛阳牡丹甲天下，花开时节动京城</p>

3.在Vue中的哪个方法可以定义计算属性？C

A. watch
B. filters
C. computed
D. methods

4.有如下组件代码：

<p>{{ count }}乘以2的值为:{{ plus }}</p>

</template>

import { ref, watch } from 'vue'

const count = ref(1)

const plus = ref('')

_______(count, () => {

plus.value = 2 * count.value

}, { immediate: true })

</script>

从下面选项中选择合适的选项补充完整代码，页面中实时显示文本框输入数据乘以2之后的结果。B

A. filters
B. watch
C. methods
D. computed

5.补充完整下面代码实现在表格中显示九九乘法表，如下图所示。(D)

<table>

</tr>

</table>

QQ截图20210524095208.jpg

A.
(1)n at 9

(2)m at n
B.
(1)m in 9

(2)n in m
C.
(1)n in 9

(2)m in 9
D.
(1)n in 9

(2)m in n

其中，n in 9代表9行，生成的是9*9的乘法表，m in n中m的取值为1到n,n的取值为1到9。

6.有如下数据：

import {ractive} from 'vue'

const list=reactive([

{province:"河南省",city:"郑州",spot:"少林寺"},

{province:"河北省",city:"石家庄",spot:"北戴河"},

{province:"安徽省",city:"合肥",spot:"黄山"},

{province:"湖南省",city:"武汉",spot:"黄鹤楼"}

])

</script>

从下面选出正确的代码实现将list数组中的数据渲染到表格中，如下图所示：

11 (2).jpg

<table>

<td>{{x.province}}</td>

</tr>

</table>

在v-for中，语法为(item,index) in 数据,index为索引，一般从0开始往下加，所以题中index+1代表从1开始排。

7.在用v-for指令遍历对象object时的代码如下：

v-for="(x,y,z) in object"

下面说法正确的是哪一项？（B）

A. 变量x代表属性在对象中的下标，y代表对象中的属性值，z代表对象中的属性。
B. 变量x代表对象中的属性值，y代表对象中的属性，z代表属性在对象中的下标。
C. 变量x代表属性在对象中的下标，y代表对象中的属性，z代表对象中的属性值。
D. 变量x代表对象中的属性，y代表对象中的属性值，z代表属性在对象中的下标。

8.在Vue中,能够实现给img元素绑定src属性的代码是( C )。

A. v-html:src
B. @src
C. v-bind:src
D. {{src}}

9.文本插值是数据绑定的最基本形式，使用下面哪一个符号进行。（C）

A. <>
B. []
C. {{}}
D. {}

10.下面关于v-show与v-if指令说法是错误的是哪一个？（D）

A. 具体使用时频繁切换用v-show,反之用v-if ，前者切换消耗少。
B. v-if指令根据后面的表达式的值的真假(true或false)，切换元素的显示和隐藏，但它操作的是DOM元素本身， true时元素存在DOM树中，false时元素从DOM树中移除。
C. v-show指令根据后面的表达式结果的真假(true或false)，切换元素的显示和隐藏，true显示，false隐藏，原理是修改元素的display属性实现显示或隐藏。
D. v-else可以与v-show和v-if指令配合使用。

11.用v-model指令将多选下拉框绑定在一个数组上，当选中某个选项时，如果该option选项设置有value属性，则将什么内容添加到数组中。（A）