面试题（vue篇1）

1、对于Vue是一套渐进式框架的理解

Vue没有强主张，
1、你可以在原有大系统的上面，把一两个组件改用它实现，当JQuery用
2、也可以用它全家桶开发，使用完整的框架，像Angular
3、还可以用它的视图，搭配自己设计的整个下层使用
它只做了自己该做的事

2、vue.js的两个核心：数据驱动、组件化

3、V-if 和v-show 的区别

相同点：两者都是判断DOM节点是否要显示

不同点：

1、实现方式：v-if是根据条件的真假来判断直接从DOM树上删除或重建元素节点
 V-show只是在修改元素的css样式，元素始终在DOM树上
2、编译过程：v-if切换有一个局部编译、卸载的过程，切换过程中合适的销毁和重				 建内部的事件监听和相关子组件
V-show 只是简单的基于css切换，
3、编译条件：v-if是惰性的，只有在条件首次变为真时才会开始局部编译
 V-show是在任何条件下都被编译，但是会被缓存，而且DOM元素始终被保留
4、性能消耗：v-if有更高的切换消耗，所以不适合频繁的切换场景
 V-show有更高的初始渲染消耗，适用于频繁的切换

4、vue常用的修饰符：

a、按键修饰符（.delete/.enter等等）

用法上和事件修饰符一样，挂载在v-on：后面

b、表单修饰符：

（1）、.lazy

相当于onchange事件，不会实时的更新数据，当全部输入完成后才会更新数据

（2）、.trim

（3）、.number

c、事件修饰符

（1）、.stop

（2）、.prevent

（3）、.self

（4）、capture

（5）、passive

（6）、native

d、鼠标按钮修饰符

（1）、.left左键点击

（2）、.right右键点击

（3）、.middle中键点击

e、键值修饰符（用来修饰键盘事件：onkeyup/onkeydown）

（1）、.enter

（2）、.tab

（3）、.delete（捕获删除和退格键）

（4）、.space

（5）、.esc

（6）、.up

（7）、.down

（8）、.left

（9）、.right

（10）、.ctrl

（11）、.alt

（12）、.meta

（13）、.shift

可以通过全局config.keyCodes对象自定义按键修饰符别名
Vue.config.keyCodes.f1 = 112