vue面试题（一）

1. Vue的最⼤优势是什么?

简单易学, 轻量级整个源码js⽂件不⼤, 双向数据绑定, 数据驱动视图, 组件化, 数据和视图分离,

vue负责关联视图和数据, 作者中国⼈(尤⾬溪), ⽂档都是中⽂的, ⼊门教程⾮常多, 上⼿简单.

相⽐传统⽹页, vue是单页⾯可以只刷新某⼀部分

2. Vue和jQuery区别是什么?

jQuery应该算是⼀个插件, ⾥⾯封装了各种易⽤的⽅法, ⽅便你使⽤更少的代码来操作dom标签

Vue是⼀套框架, 有⾃⼰的规则和体系与语法, 特别是设计思想MVVM, 让数据和视频关联绑定, 省略了很多DOM

操作. 然后指令还给标签注⼊了更多的功能

3. mvvm和mvc区别是什么?

MVC: 也是⼀种设计模式, 组织代码的结构, 是model数据模型, view视图, Controller控制器, 在控制器这层⾥编写

js代码, 来控制数据和视图关联

MVVM: 即Model-View-ViewModel的简写。即模型-视图-视图模型, VM是这个设计模式的核⼼, 连接v和m的桥

梁, 内部会监听DOM事件, 监听数据对象变化来影响对⽅. 我们称之为数据绑定

4. Vue常⽤修饰符有哪些?

.prevent: 提交事件不再重载页⾯；

.stop: 阻⽌单击事件冒泡；

.once: 只执⾏⼀次这个事件

5. Vue2.x兼容IE哪个版本以上

不⽀持ie8及以下，部分兼容ie9 ，完全兼容10以上， 因为vue的响应式原理是基于es5的Object.defineProperty(),

⽽这个⽅法不⽀持ie8及以下。

6. 对Vue渐进式的理解

渐进式代表的含义是：主张最少, ⾃底向上, 增量开发, 组件集合, 便于复⽤

7. v-show和v-if的区别

v-show和v-if的区别? 分别说明其使⽤场景?

v-show 和v-if都是true的时候显⽰，false的时候隐藏

但是：false的情况下，

v-show是采⽤的display:none

v-if采⽤惰性加载

如果需要频繁切换显⽰隐藏需要使⽤v-show

8. 说出⾄少4个Vue指令及作⽤

v-for 根据数组的个数, 循环数组元素的同时还⽣成所在的标签

v-show 显⽰内容

v-if 显⽰与隐藏

v-else 必须和v-if连⽤ 不能单独使⽤ 否则报错

v-bind 动态绑定 作⽤： 及时对页⾯的数据进⾏更改, 可以简写成:分号

v-on 给标签绑定函数，可以缩写为@，例如绑定⼀个点击函数 函数必须写在methods⾥⾯

v-text 解析⽂本

v-html 解析html标签

9. 为什么避免v-for和v-if在⼀起使⽤

Vue 处理指令时，v-for ⽐ v-if 具有更⾼的优先级, 虽然⽤起来也没报错好使, 但是性能不⾼, 如果你有5个元素被v

for循环, v-if也会分别执⾏5次.