Vue组件测试分析选择题

Vue组件测试分析选择题

1. 以下说法正确的的是 ( C )。(选择一项)
   A：在父组件中可以使用子组件中的数据
   B：在子组件中可以使用父组件中的数据
   C：一个父组件下可定义多个子组件
   D：同级子组件间的数据可公用

这里是解析 组件间的作用域相互独立，所以组件之间的数据不可共用.

2. 在Vue.js中，关于下面的代码说法错误的是 ( D )。(选择一项)
   Vue.component (‘name’, {
   template: ‘
   ’
   });
   A：对于定义位置的话，应该在创建实例前定义全局组件
   B：template中书写HTML代码
   C：template中也支持使用#id的形式引入HTML代码
   D：template中可以写入任意的内容
3. 在Vue.js中，关于下面代码描述错误的是 ( C ) 。(选择一项)
   this.$emit(‘event’，value)
   A：event: 自定义事件名称，自己可以自定义事件名称
   B：value通过自定义事件传递的值
   C：value为必选参数
   D: $emit方法可以实现子组件传值到父组件的过程
4. 在Vue.js中，关于父子组件说法错误的是 ( D ) 。(选择一项)
   A：父子组件间作用域相互独立
   B：子组件只能在父组件的模板中进行调用
   C：子组件是父组件细化拆分的过程中产生
   D：根据实际的情况进行拆分组件力度，越细越好
5. 在Vue.js中，关于父子组件的理解说法错误的是 (D)。（选择一项）
   A：子组件可以认为是父组件的一个细化过程
   B：子级props属性声明时，使用小驼峰或者中划线写法都可以
   C：在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证了每个组件可以在相对隔离的环境中书写和理解，也大幅度提高了组件的可维护性和可重要性
   D：父子组件没有严格意义上的划分，可以按照开发业务类型随便划分
6. 在Vue.js中，关于下面代码描述错误的是 (B)。(选择一项)
   <component @event=‘fn’>
   fn:function(val){
   //…
   }
   A：event:自定义事件名称，@为v-on指令的缩写
   B：fn为自定义事件的名称，在子组件中已经定义
   C：val:自定义事件传递的值，也就是通信的具体内容
   D：事件触发及接收原则:谁触发的监听，由谁接收监听

这里是解析 fn是接收到事件后响应方法的名称，定义是在父组件中定义。

7. 在Vue.js中，关于业务中经常遇到需要改变props的情况说法错误的是 ( C ) 。（选择一项）
   A:父组件传初始值进来，子组件将他作为初始值保存起来，在自己的作用域下可以随意使用和修改
   B:props作为需要被转变的原始值传入
   C:props传值到子组件,大多数情况都会被修改掉
   D:在组件的通信中，父子组件的通信非常常见
8. 以下说法错误的是 ( C )。（选择一项）
   A：组件相当于一个完整的实例
   B：组件中也可以设置components配置项
   C：组件中不能设置components配置项
   D：组件间的作用域相互独立
9. 在Vue.js中，关于props 选项的数据和组件data函数return的数据区别，下面的说法错误的是( C )。（选择一项）
   A：父组件通过props向下传递数据给子组件
   B：data中数据是组件自己的数据
   C：两者没有太大区别，可以混合使用
   D：组件接收的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项
10. 在Vue.js中，关于父子组件的理解说法错误的是 (D) 。(选择一项)
    A：子组件可以认为是当前组件的一个细化过程
    B：当前组件划分力度比较大，不容易维护开发，所以需要划分为更加细化的组件所以就产生子组件
    C：当前组件内容仍然存在components选项，当前组件的子组件就写到components选项中
    D：父子组件没有严格意义上的划分，可以按照开发业务类型随便划分
11. 以下有关全局组件的描述，哪个不正确 ( C )。(选择一项)
    A：使用Vue.component()方法注册全局组件
    B：全局范围内均可调用全局组件
    C：全局组件中不可以定义数据
    D：全局组件中可以定义方法

这里是解析 全局组件中可以定义数据

12. 以下说法错误的是( C )。(选择一项)
    A：组件能够封装可重用代码
    B：组件能扩展HTML标签功能
    C：组件的本质不是自定义标签
    D：按照作用域组件可以分为局部组件和全局组件

这里是解析 组件的本质就是自定义标签

13. 在Vue.js，下面父子组件传值的描述错误的是 ( ) 。(选择一项)
    A：子组件在props中创建一个属性，用以接收父组件传过来的值
    B：父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性
    C：子组件传值父组件需要使用自定义事件来做
    D：事件触发及接收原则:谁触发的监听，由谁接收监听
14. 在Vue.js中，关于子组件将值传递给父组件说法错误的是 ( D )。(选择一项)
    A：父组件将值传递给子组件，叫做正向传值，子组件将值传递给父组件，叫做逆向传值；需要借助自定义事件
    B：利用$emit实例方法，触发事件监听
    C：vue.js 中允许正向传值，所以正向传值不需要条件触发，是主动的；逆向传值，是不允许的，需要主动触发
    D：子组件传值父组件在真实的业务场景中很不常见
15. 在Vue.js中，查看下面代码，关于props选项的使用说法错误的是 ( D ) 。（选择一项）
    components:{‘组件名称’:{
    template:‘#模板ID’，
    props:[‘message1’，‘message2’,…]
    }
    }
    A：与data一样，props可以用在模板中
    B：使用props选项可以传递多个参数
    C：具体的使用方法如下:<组件 message=‘val’></组件>
    D：props选项不可以在实例中像this.message这样使用
16. 在Vue.js中，关于组件的分类下面描述错误的是 ( D )。（选择一项）
    A：组件分为全局组件和局部组件
    B：全局组件可以在不同作用域内均可使用
    C：局部组件只在定义该组件的作用域内可以使用
    D：组件和Vue实例类似，可以不需要注册后就可以使用

这里是解析 组件和Vue实例类似，需要注册后才可以使用。

17. 在Vue.js中，关于组件通信说法错误的是 ( )。(选择一项)
    A：组件是vue.js最强大的功能之一，而组件实例的作用域是互相独立的
    B：不同组件之间的数据无法互相引用，组件之间通信至关重要
    C：父组件通过import的方式导入子组件，并在components属性中注册
    D：Vue框架中是双向数据流的，通信很方便

18. 在Vue.js中，关于父组件传值给子组件说法错误的是 ( D) 。(选择一项)
    

    A：在Vue.js中，父组件传值给子组件是正向的过程，使用props实现
    B：在父组件传值给子组件需要使用v-bind指令来动态绑定props的值
    C：当父组件的属性变化时，将传给子组件，但是反过来不会
    D：子组件的值发生变化，同样会影响父组件的值
19. 在Vue.js中，关于props选项作用说法错误的是()。(选择一项)
    A：props选项增加了组件的可复用性，灵活性大大增加
    B：props选项用来声明它期待获得的数据
    C：props选项不可以在实例中使用
    D：props选项的数据 与data中的数据 一样可用在模板中
20. 在Vue.js中，关于定义组件名称说法错误的是 ( D) 。（选项一项）
    A：定义组件名的方式有两种
    B：定义组件名可以使用 kebab-case
    C：定义组件名可以使用 PascalCase
    D：定义组件名的方式有三种
21. 在Vue.js中，关于父子组件通信说法错误的是（ D）。(选择一项)
    A：当子组件需要向父组件传递数据时，就要用到自定义事件
    B：v-on除了监听DOM事件外，还可以用于组件之间的自定义事件
    C：子组件用$emit()来触发事件，父组件用$on()来监听子组件的事件
    D：Vue框架中是双向数据流的
22. 在Vue.js中，关于子组件将值传递给父组件说法错误的是 ( D ) 。(选择一项)
    A：传值分为正向和逆向传值，父组件将值传递给子组件，叫做正向传值，子组件将值传递给父组件，叫做逆向传值;正向传值被允许，但是逆向传值的话需要手动抛出自定义事件
    B：利用$emit实例方法，触发事件监听函数
    C：传值需要遵循单向数据流，vue.js中允许正向传值，所以正向传值不需要条件触发，是主动的;逆向传值，是不允许的，需要主动触发
    D：子组件传值父组件在真实的业务场景中很不常见
23. 在Vue.js中，关于下面代码描述错误的是 ( D)。(选择一项)
    <component @event= ‘fn’>
    fn:function(val){
    //…
    }
    A：event:自定义事件名称
    B：fn为自定义事件的名称
    C：val:自定义事件传递出的值
    D：事件触发及接收原则:谁触发的监听，也可由其他组件接收监听

这里是解析 事件触发及接收原则：谁触发的监听，由谁接收监听

24. Vue开发中，触发B组件上click事件后，此时msg的值为 ( C ) 。(选择一项)

<template>
		<div>
			<b :msg ='msg' $change="change"