vue2面试题十题.2

---

前言

vue2面试题十题

---

一、vue双向数据绑定原理?？

vue.js 则是采⽤ 数据劫持 结合 发布者-订阅者 模式的⽅式，
通过 Object.defineProperty() 来劫持各个属性的 setter ， getter ，
在数据变动时发布消息给订阅者，触发相应的监听回调。
这个时候就可以实现数据的双向绑定

---

二、vue常⽤的指令有哪些?

v-if 判断是否渲染dom节点
v-show 判断显示隐藏
v-html 渲染富文本
v-text 渲染文本
v-on 数据绑定
v-bind 事件绑定
v-model 双向数据绑定
v-for 循环

---

三、vue常⽤的修饰符有哪些?

.trim 去除⾸尾多余的空格
.stop 阻⽌事件冒泡
.once 只渲染⼀次
.self 事件只作⽤在元素本身
.number 将值转化为number类型
.capter 组件之间捕获
.prevent 阻⽌元素的默认⾏为
.native 事件穿透,让我们可以在⾃定义组件上定义事件和⽅法

---

四、 vue如何封装可复⽤的组件?以及请举例说明你封装过的组件?

1. 分析项⽬的所有⻚⾯结构和业务功能,抽离出相同的⻚⾯结构和业务功能

2. 在src⽬录下创建⼀个components这个的⽂件夹

3. 在这个⽂件夹内创建可复⽤的组件

4. 在需要的⽤的组件⾥⾯引⼊创建的