Vue考试题（一）

---

一、什么是Vue？

构建用户页面的渐进式框架
自底向上逐层应用
vue核心只关注视图层
核心理念：数据驱动视图，组件话开发

二、框架和库的区别

框架：完整的方案。对项目侵入性大；更换框架需要重构整个项目
库：提供部分功能。对项目侵入性小，此库无法完成，更换其他库即可

三、差值表达式

{{}}可以插入内容进行简单的计算

四、v-text和v-html的区别

v-text:覆盖元素中的内容
v-html:与t-text的不同，可识别富文本，插入标签

五、vue属性绑定及简写

v-bind="";简写:src=""

六、vue事件绑定及简写

v-on="";简写@click=""

七、vue事件修饰符

.stop:阻止冒泡事件
.capture:阻止捕获事件
.prvent:阻止默认事件
.self:事件发生在本身才会触发
.once:事件只会触发一次

八、vue双向绑定

v-model
原理:通过劫持结合数据发布的订阅者模式和Object.defineproprety()来劫持各个属性的
setter和getter；当数据发生改变时就发消息给订阅者触发监听

九、显示隐藏

v-if:通过删除DOM元素来实现元素的删除，修改一次使用
v-show通过display:none来实现元素的显示隐藏；频繁切换使用