vue专项训练测试题合集（更新中）

选择题

单选题

1.下列哪个选项不是单页面应用程序（SPA）的优点（ ）
A. 不需要重新加载整个页面，运行流畅
B. 高效的前后端分离模式
C. 有利于SEO
D. 减轻服务器压力
答案：C
解析：单页面应用程序中首页的数据需要通过在服务器异步获取，在这之前首页仅仅是一个模板，不利于seo。

SPA的优点：

• 无刷新切换内容，提高用户体验。
• 符合前后端分离的开发思想，通过ajax异步请求数据接口获取数据，后台只需要负责数据，不用考虑渲染。前端使用vue等MVVM框架渲染数据非常合适。
• 减轻服务器压力，展示逻辑和数据渲染在前端完成，服务器任务更明确，压力减轻。
• 后端数据接口可复用，设计JSON格式数据可以在PC、移动端通用。

缺点：

• 不利于SEO（搜索引擎优化），应用数据是通过请求接口动态渲染，不利于SEO。
• 首页加载慢，SPA下大部分的资源需要在首页加载，造成首页白屏等问题。

SEO（Search Engine Optimization）：汉译为搜索引擎优化。 利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。

关于SEO优化详细可阅读学会对VUE的SEO优化，你的网站总是排在前面

2.不属于Vue使用虚拟DOM的特点是（ ）
A. 虚拟节点可以理解成节点描述对象，它描述了应该怎样去创建真实的DOM节点。
B. 虚拟DOM优势：渲染引擎操作 DOM 慢，js运行效率高，于是将DOM对比操作放在JS层，提高效率
C. 提升渲染性能 Virtual DOM的优势不在于单次的操作，而是在大量、频繁的数据更新下，能够对视图进行合理、高效的更新
D. Virtual DOM 是以 JavaScript 对象为基础,所以必须依赖于浏览器才能运行
答案：D
解析：Virtual DOM 是以 JavaScript 对象为基础而不依赖真实平台环境，所以使它具有了跨平台的能力，比如说浏览器平台、Weex、Node 等。

3.现有以下代码，打印的结果是（ ）

new Vue({
  data: { a: 1, b: 2 }, 
  watch: {
    a: {
      handler: function(value){
        console.log(value)
      }
    }
  }
})

A. 1
B. 打印语句不执行
C. undefined
D. null
答案：B
解析：watch在不添加immediate: true属性时，默认是不监听第一次赋值，watch未触发

使用watch handler属性有一个特点，就是当值第一次绑定时，watch不会执行监听函数，只有值发生改变时才会执行。
如果需要在最初绑定值的时候也执行函数，则就需要用到immediate属性，添加 immediate: true属性

watch: {
a: {
  handler: function(value){
    console.log(value)
  },
  immediate: true
} 
}

4.关于v-model的修饰符说法错误的是（ ）
A.lazy修饰符让内容在“change”事件时而非“input”事件时更新
B.v-model添加number修饰符,可以自动将用户的输入值转为数值类型
C.可以给v-model添加trim修饰符,自动过滤用户输入的首尾空白字符
D.v-model添加number修饰符,如果这个值无法被parseFloat()解析，则会返回null
答案：D
解析：v-model添加number修饰符,如果这个值无法被parseFloat()解析，则会返回原始的值。如果值不是数字，将不会有任何效果，直接返回输入值。

5.

多选题

1.以下选项中属于Vuex中的属性的是（ ）
A. state
B. mutations
C. actions
D. setters
答案：ABC
解析：Vuex属性包含state、mutations、actions、getters、modules

state => 基本数据
getters => 从基本数据派生的数据
mutations => 提交更改数据的方法，同步！
actions => 像一个装饰器，包裹mutations，使之可以异步。
modules => 模块化Vuex