Vue2面试题

hash模式：通过#号后面的内容的更改，触发hashchange事件、实现路由切换

history模式：通过pushState和replaceState切换url、触发popstate事件、实现路由切换

使用过哪些Vue的修饰符呢？使用过哪些Vue的内部指令呢？

---

列举几个常见的：.trim、.number、.prevent、.once、v-pre、v-cloak

v-text是更新元素的textContent、v-html是更新元素的innerHTML

v-model可以由哪两个指令代替？

---

:value =“message” @input =“message = $event.target.value”

v-if和v-show的区别和使用场景？

---

v-show 是控制元素的dispaly:none属性

如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

v-for和v-if的优先级？谁在外层？

---

当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。

所以一般把v-if写在外层

为什么data是个函数？

---

为了不让数据起冲突，data是函数，每次调用这个函数拿到的返回值互不影响

Vue2的双向数据绑定原理？

---

利用Object.defineProperty实现的、Vue在初始化数据的时候，会使用Object.defineProperty重新定义给data中所有属性加getter/setter，当页面使用对应属性时，首先进行依赖收集