# Vue最新2021年面试题大汇总，附答案
### 1、说出至少4种vue当中的指令和它的用法？
v-if：判断是否隐藏；v-for：数据循环出来；v-bind:class：绑定一个属性；v-model：实现双向绑定
### 2、你用哪个指令遍历对象的属性？
要遍历对象或数组，可以使用 **v-for** 指令。下面是一个例子：
**Template**
```
```
**App**
```
new Vue({
el: '#app',
data: {
card: {
name: 'John Doe',
age: 25,
city: 'New York',
country: 'US'
}
}
});
```
**输出**
1. name - John Doe
2. age - 25
3. city - New York
4. country - US
### 3、解释一下JS的展开操作符？
展开运算符在需要多个参数/变量/元素的位置展开表达式，它用三个点（...）。如：
```
var mid = [3, 4];
var newarray = [1, 2, ...mid, 5, 6];
console.log(newarray);
// [1, 2, 3, 4, 5, 6]
```
### 4、加载渲染过程
`父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted`
### 5、vue常用的UI组件库
Mint UI，element，VUX
### 6、SPA首屏加载慢如何解决
安装动态懒加载所需插件；使用CDN资源。
### 7、vue-router的两种模式
hash模式：即地址栏 URL 中的 # 符号；
history模式：window.history对象打印出来可以看到里边提供的方法和记录长度。利用了 HTML5 History Interf
