vue前端面试题

1：Vue解决了什么问题?

①虚拟dom：dom操作时非常耗性能的，不再使用原生的dom操作节点，极大的解放dom操作，但具体操作的还是dom，不过是换了一种方式。
②视图、数据、结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。
③组件化：把一个单页应用中的各种模块拆分到一个一个单独的组件中，便于开发，以及后期的维护

2：MVVM的理解?

MVVM就是Model-View-ViewModel的缩写，MVVM将视图和业务逻辑分开。
View：视图层，Model数据模型，而ViewModel是把两者建立通信的桥梁。
在MVVM框架下，View和Model之间没有直接的联系，而是通过ViewModel进行交互。View和ViewModel之间以及Model和ViewModel之间的交互都是双向的，因此view数据的变化会同步到Model中，而Model数据的变化也会立即反映到View上。可以说它们两者是实时更新的，互相影响。 ViewModel通过双向数据绑定把View层和Model层连接了起来，而View和Model之间的同步工作完全是自动的，因此开发者只需要关注业务逻辑，不需要手动操作DOM，也不需要关注数据状态的同步问题，这些都由MVVM统一管理。

3：如何实现一个自定义组件?

创建子组件的文件，建立组件的模板，把架子搭起来，也就是在子组件中写好template视图层，script逻辑层style css样式层。然后定义好props里面的数据，实现子组件需要的逻辑代码后，也就封装好了，然后直接调用即可。调用import引入，同时在父组件script（逻辑层）中的components这个对象中写入组件名称，最后挂载到父组件的template中即可。

4：不同组件之间是如何通信的？

①props / $emit父组件通过props的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。 ②$children
/ $parentthis.$children[0].msg = “hello world” //父组件修改子组件data中的数据
this.$parent.mag //子组件拿到父组件data中的数据

$children的值是数组，$parent的值是个对象
注意：$parent，$children它们的目的是作为访问数组的应急方法，更推荐用props和events实现父子组件通信。

③provide / inject