javascript必问面试题 js面试常用问题 2019

vue2面试题

Vue2是一款流行的前端框架，常见的面试题包括Vue2的生命周期、computed和watch的区别、父子组件通信等。

回答这些问题需要对Vue2有深入的理解和实践经验，建议在熟悉Vue2基础知识的同时，多写一些实际项目，加深对框架的理解和运用。

同时，面试时不仅要给出正确的答案，更要展示自己的思考过程和能力，以及对前端开发的热情和追求。

1. 请解释一下Vue.js的双向数据绑定原理。Vue.js使用了数据劫持和发布-订阅模式来实现双向数据绑定。当数据发生变化时，Vue.js会通过Object.defineProperty()方法劫持数据的setter和getter方法，从而在数据变化时触发相应的更新操作。同时，Vue.js还使用了发布-订阅模式，将数据变化的通知传递给订阅者，从而更新视图。

2. 请解释一下Vue.js的生命周期钩子函数。Vue.js的生命周期钩子函数包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。这些钩子函数允许我们在组件的不同阶段执行相应的操作，例如在created钩子函数中进行数据初始化，在mounted钩子函数中进行DOM操作等。

3. 请解释一下Vue.js的组件通信方式。Vue.js的组件通信方式包括props和$emit、$on、$once、$off等方法。通过props可以将数据从父组件传递给子组件，而通过$emit方法可以在子组件中触发自定义事件，并将数据传递给父组件。另外，Vue.js还提供了$on、$once和$off等方法来实现组件之间的事件监听和解绑。

4. 请解释一下Vue.js的虚拟DOM。Vue.js使用虚拟DOM来提高性能。虚拟DOM是一个轻量级的JavaScript对象，它对应着真实的DOM节点。当数据发生变化时，Vue.js会先通过虚拟DOM进行一次比较，找出需要更新的部分，然后再将这些部分更新到真实的DOM中，从而减少了对真实DOM的操作次数，提高了性能。

5. 请解释一下Vue.js的computed属性和watch属性的区别。computed属性是基于它的依赖进行缓存的，只有依赖发生变化时才会重新计算。而watch属性则是监听某个数据的变化，并在变化时执行相应的操作。computed属性适用于计算一个新的值，而watch属性适用于观察某个数据的变化并执行副作用操作。

以上是一些常见的Vue.js面试题，希望对你有帮助！