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

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

  2.有CSS样式如下：

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

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

  • A. 

    20} >洛阳牡丹甲天下，花开时节动京城

  • B.

    洛阳牡丹甲天下，花开时节动京城

  • C.

    25?'cc':""} >洛阳牡丹甲天下，花开时节动京城

  • D.

    洛阳牡丹甲天下，花开时节动京城

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

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

      4.有如下组件代码：

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

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

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

           

               

           

        {{m}}*{{n}}={{m*n}}

        • 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.有如下数据：

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

             

             

                 

                 

                 

                 

             

          序号	省份	省会	旅游景点
          {{y+1}}	{{x.province}}	{{x.city}}	{{x.spot}}

          在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）

                  • A. option标记的value属性值
                  • B. select标记的id属性
                  • C. option标记中的文本
                  • D. option标记的value属性值和option标记中的文本

                    12.用v-for更新已渲染的元素列表的时候，会使用就地复用的策略；要强制其重新排序元素，需要在循环时给每一项用特殊属性来绑定一个唯一的标识，该属性是下面哪一个？ （B）

                    • A. alt
                    • B. key
                    • C. value
                    • D. title

                      13.用v-model指令将多个复选框绑定到同一个数组上，当选中某个复选框时，将该复选框的哪一个属性值会存入该数组中。（D）

                      • A.type
                      • B.id
                      • C. name
                      • D. value

                        14.下面哪一个指令可以实现表单元素的数据的双向绑定？（D）

                        • A. v-text
                        • B. v-bind 
                        • C. v-on
                        • D. v-model 

                          15.下列关于Vue的说法错误的是( C   )。

                          • A. Vue是一套构建用户界面的渐进式框架，Vue的核心只关注视图层。
                          • B. 目前三大前端主流JS框架是Angular、React和Vue。
                          • C. 用Vite构建的Vue项目是基于Vue2.0版本的。
                          • D. Vue中的MVVM主要有三部分组成，分别是Model、View和ViewModel。

                            16.Vue中不能实现元素内容渲染的指令是(  C   )。

                            • A. v-text
                            • B. 插值表达式
                            • C. v-on
                            • D. v-html

                              17.下面哪一项说法是错误的？（B）

                              • A.  在Vue中，每个单文件组件由模版、逻辑和样式三部分组成。
                              • B. 在MVVM模型中，Model和View可以直接通信，互相监控双方的动作并及时进行相应的操作。
                              • C. 利用ref()函数定义的数据，通过它的value属性修改值。
                              • D. npm包管理工具基于的运行环境是Node.js。

                                18.下面哪一个方法可以实现判断元素的class属性是否含有pp样式？（C）

                                • A. toggleClass("pp")
                                • B. is("pp")
                                • C. hasClass("pp")
                                • D. attr("class","pp") 

                                  19.有如下HTML 代码： 

                                  复选框1

                                  复选框2

                                  复选框3

                                  复选框4

                                  则执行代码：$("input").val(["c1","c2"]);后，下面哪一项描述是正确的？（C）

                                  • A.

                                    将所有input元素的value值设置为c2 

                                  • B.

                                    获取复选框1和复选框2的value值

                                  • C. 将复选框1和复选框2选中
                                  • D.将所有input元素的value值设置为c1

                                    20.下面哪一项描述是错误的？（C）

                                    • A.$("div").attr("class")作用是获取第一个div元素的class属性值
                                    • B.$("div").attr("class","dd")作用是设置所有div元素的class属性值为dd
                                    • C.$("div").text()作用是获取第一个div元素的文本
                                    • D. $("div").html()作用是获取第一个div元素的html代码

                                      21.下面哪个方法可以实现判断DOM元素包含样式?（D）

                                      • A. removeClass()
                                      • B. addClass()
                                      • C. toggleClass()
                                      • D. hasClass()

                                        22.有如下HTML 代码： 

                                         

                                         

                                        • 苹果

                                         

                                        • 香蕉

                                         

                                        • 橘子

                                          

                                        则执行代码：$("ul li:gt(0)").wrap("");后，动态生成的代码是：

                                         

                                        • 苹果

                                         

                                        • 香蕉

                                         

                                        • 橘子

                                        执行jQuery代码 $("ul li:gt(0)").wrap(""); 后，它会选择ul元素下的所有li元素，除了第一个（因为:gt(0)选择器表示选择索引大于0的所有元素）。然后，它将这些选中的li元素包裹在标签中。