Vue.js期末总复习

Vue.js 期末总复习

一、 选择题

1．在 Vue 实例中可以定义方法的是（B ）选项。

A. el B. methods C. data D. computed

2．下列指令中，不能实现条件判断的是（D ）。

A. v-if B. v-else

C. v-show D. v-bind

3．下列代码的运行结果为（B ）。

data:{

str : 'JavaScript'

},

computed : {

len : function(){

return this.str.length;

}

}

})

</script>

6．在元素显示与隐藏的过渡中，用于定义元素离开过渡生效时的状态的 class

类名是（D ）。

A．v-leave B．v-enter-active

C．v-leave-to D．v-leave-active

7．下列代码中，横线处的正确写法是（A ）。

<div id="example">

<my-component ______="陪你看日出"></my-component>

'my-component' : {

props : ['myTitle'],

template : '<p>{{myTitle}}</p>'

}

}

})

</script>

A．my-title B．mytitle C．myTitle

D．MyTitle

8．下列哪个不是 webpack 配置文件中的配置选项？（D ）。

A．mode B．entry

C．module D．enter

10．下列关于生命周期钩子函数的说法错误的是（D ）。

A．beforeCreate 钩子在 Vue 实例开始初始化时调用

B．created 钩子在实例创建之后进行调用

11．在 DOM 文档渲染完毕之后调用的钩子是（C ）。

12．在 Vue.js 中，列表渲染使用的是（B ）指令。

A．v-on B．v-for C．v-if D．v-model

13．如果在内联语句中需要获取原生的 DOM 事件对象，可以将特殊变量（A

）传入方法中。

A．$event B．$this C．event D．this

14．下列哪个不是 Vue.js 为 v-model 指令提供的修饰符？（C ）

A．lazy B．number C．self D．trim

15．如果想在某个组件的根元素上监听一个原生事件，可以使用 v-on 的（B

A．.self B．.native C．. capture D．.once

16．运行以下代码，页面中的输出结果是（B ）。

<script type="text/javascript">

var demo = new Vue({

el : '#box',

data : {

score : 80

}

});

</script>

A．一等 B．二等 C．三等 D．四等

17．下列代码中，横线处的正确写法是（A ）。

components : {

'my-component' : {

props : ['______'],

template : '<p>{{______}}</p>'

}

}

})

</script>

A．mymusic B．myMusic C．my-music D．my-Music



20．下面关于@vue/cli 创建的项目中 src 目录下的文件夹或文件的描述不正确的

是（D ）。

A．assets 文件夹用于存储静态资源，会被 webpack 构建

B．components 文件夹用于存储公共组件

C．main.js 是项目的入口文件

D．store.js 是项目的路由配置文件

21．为 HTML 元素绑定属性需要使用（D  ）指令。

A．v-ifB．v-onC．v-modelD．v-bind

22．下列对于 v-show 指令的描述不正确的是（D ）。

A．v-show 指令是根据表达式的值来判断是否显示或隐藏 DOM 元素