Vue开发基础(习题卷2)
第1部分：单项选择题，共90题，每题只有一个正确答案，多选或少选均不得分。
1.[单选题]v-if语句后面的表达式为假，（ ）
A)输出DOM元素及其包含的子元素
B)将DOM元素及其包含的子元素移除
C)正常显示
答案:B
解析:
2.[单选题]以下代码的运行结果是（ ） 。
真
假
<script type="text/javascript">
var demo = new Vue({
el : '#box',
data : {
a : 0
}
});
</script>
A)真
B)假
C)运行出错
答案:B
解析:
3.[单选题]单页面应用主要通过URL中的( )实现不同页面之间的切换
A)hash（#）
B)href('')
C)view-link
答案:A
解析:
4.[单选题]vue-router提供了一种隐式的引用路径，即( )。可以在创建Router实例的时候，在 routes 中给某个路由设置名称name值。通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候，通过路由的名称取代路径地址直接使用。
A)命名路由
B)嵌套路由
C)路由重定向
答案:A
解析:
5.[单选题]双向绑定修饰符中（ ）可以实现文本框中的值发生change事件后与它绑定的数据才变化
A)trim
B)number
C)lazy
6.[单选题]父组件通过使用Prop为子组件传递数据，如果子组件要把数据传递回去，需要使用_________来实现。
A)自定义事件
B)事件
C)原生DOM事件
答案:A
解析:
7.[单选题]v-if如果需要对一组元素进行判断是否显示或移除需要使用（ ）元素作为包装元素。
A)template
B)div
C)temp
D)span
答案:A
解析:
8.[单选题]在Vue中，下列选项用于父子组件通讯的是
A)$attrs
B)provide
C)props
D)link
答案:C
解析：概念理解
9.[单选题]安装vue-cli 脚手架的命令是( )：
A)cnpm install vue
B)cnpm install -g vue-cli
C)cd vue
D)cnpm install express -g --save
答案:B
解析:
10.[单选题]下列代码的运行结果为（ ）
{{bian}}
<script type="text/javascript">
Var exam = new Vue({
el:'#example',
data:{
str : 'My-JavaScript'
},
computed : {
bian : function(){
return this.str.length;
}
}
})
</script>
A)10
B)11
解析:
11.[单选题]在Vue中，以下（ ）填入components选项中，可以正确完成组件局部注册。代码如下：var vm = new Vue({ el: '#app', components: { }})
A)Vueponent('my-comp',{ template: '<h1>Vue组件！</h1>'})
B)'my-comp': { template: '<h1>Vue组件</h1>' }
C)Vueponent("my-comp",myComp)
D)"my-comp":myComp
答案:B
解析:
12.[单选题]在Vue中，以下哪个指令是用来监听DOM事件的
js获取子元素A)v-on
B)v-for
C)v-model
D)v-bind
答案:A
解析：概念理解
13.[单选题]在Vue中，组件注册语法糖的主要作用（ ）
A)直接生成全局注册代码块，简化代码
B)直接生成局部注册代码块，简化代码
C)简化组件注册代码，即在注册组件时去除重复代码
D)简化组件注册过程，即在注册组件时直接创建和注册组件
答案:D
解析:
14.[单选题]Model、View、ViewModel、Controller的中文解释不正确的是
A)ViewModel（控制器）
B)Model（模型）
C)View (视图)
D)Controller（控制器）
答案:A
解析:
15.[单选题]以下有关子组件正确的是
A)子组件以子标签的形式在父组件中使用
B)子组件只能在父组件中使用
C)子组件可以再父组件标签外使用
D)子组件可以在父组件的每个选项中使用
答案:B
解析:
16.[单选题]以下哪个选项表示注册组件
d()
B)Vueponent()
ate()
w()
17.[单选题]在Vue中，下列不属于Vue开发所需工具的是（ ）
A)Chrome浏览器
B)VS Code编译器
C)vue-devtools
D)开发者工具
答案:D
解析:
18.[单选题]Vue中的组件是
A)一个HTML元素
B)可复用的Vue实例
C)Vue实例的一个属性
D)以上说法都错误
答案:B
解析:
19.[单选题]（）指令使用"item in items"形式的语法
A)v-on
B)v-for
C)v-once
D)v-bind
答案:B
解析:
20.[单选题]vue使用axios申请ajax请求时，我们需要在 html文件中引入vue.js文件和（ ）文件。
A)ajax.js
B)axios.js
C)router.js
D)jQuery.js
答案:B
解析:
21.[单选题]在Vue中，文本插值也接受表达式形式的值，以下关于文本插值中表达式的形式说法错误的是（ ）
A)表达式可以是JavaScript中的表达式，用于计算结果
B)表达式中也可以包含过滤器
C)表达式是各种数值、变量和运算符的综合体，简单的表达式可以是常量或者变量名称。
D)表达式中的过滤器的数量只能有一个
答案:D
解析:
22.[单选题]在Vue中，Ant Design of Vue框架的组件格式正确的是（ ）
A)<a-组件名 属性=值 …></a-组件名>
B)<；组件名 属性=值 …></组件名>
C)<；组件名 属性=值 …/>
D)<v-组件名 属性=值 …></v-组件名>
答案:A
解析:
23.[单选题]在Vue中，一个组件默认可以拥有（ ）属性
A)1个
B)2个
C)3个
D)任意数量
答案:D
解析:
24.[单选题]如果在内联语句中需要获取原生的DOM事件对象，可以将特殊变量（ ）传入方法中。
A)$event
B)$this
C)event
D)this
答案:A
解析:
25.[单选题]下列说法错误的是
A)Vue中选项参数el只能用css选择器
B)在Vue示例内部访问data中的数据，可以使用“this.数据”
C)v-model可以在select表单控件元素上创建双向数据绑定
D)Vue实例可以作用在body元素上
答案:A
解析:
26.[单选题]布局组件顶部导航(展示类页面)尺寸多少合理
A)一级导航高度80px，二级导航高度56px
B)一级导航高度56px，二级导航高度80px
C)一级导航高度80px，二级导航高度80px
D)一级导航高度56px，二级导航高度56px
答案:A
解析:
27.[单选题]有关Footer组件说法正确的是
A)底部布局
B)自带默认样式
C)能嵌套任何元素
D)可以放在layout组件之外
答案:D
解析:
28.[单选题]下列代码中，通过Prop将父组件的数据传递给子组件，将代码补充完整。
<my-component message="父组件传递的数据"></my-component>
<script type="text/javascript">
Vueponent('my-component', {
props : _________,
template : '
{{message}}
'
})
Var vm = new Vue({
el : '#example'

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。