vue面试题

1，对mvvm的理解

m->model,v->view,vm->viewModel。dom通过监听事件操作vue里的data，反之vue中的data通过指令操作dom，这就是所说数据驱动视图，这就是mvvm的理解。

2，VUE 中如何封装组件？什么组件，为什么要封装组件？组件中 data 为什么是一个函数？

为什么要封装组件？

主要就是为了解耦，提高代码复用率。

什么是组件？

页面上可以复用的都称之为组件 它是 HTML、CSS、JS 的聚合体。

组件就相当于库，把一些能在项目里或者不同项目里可以复用的代码进行需求性的封装。

组件中的 data 为什么是一个函数？

让每个返回的实例都可以维护一份被返回对象的独立的拷贝。

3，vuex中action和mutation有何区别？

action中处理异步，mutation不可以

mutation做原子操作，action2可以整合多个mutation

4，请描述响应式原理？

1.描述监听data变化

监听对象变化：vue2.0核心api是Object.defineProperty，vue3.0是启用provy实现响应式

监听数组变化：重写数组的push.pop.shift.unshift.splice.sort.reverse方法

5，vue常见性能优化方式？

1.合理使用v-if和v-show，

2.合理使用computed，

3.v-for加key，

4.自定义事件，dom事件及时销毁，

5.合理使用异步组件，

6.合理使用keepalive，

7.data层级不要太深，

8.使用vue-loader在开发环境做模板编译，

9.前端通用性能优化（如图片懒加载/减少 HTTP请求数/合理设置 HTTP缓存/资源合并与压缩/合并 CSS图片/将 CSS放在 head中/避免重复的资源请求/切分到多个域名），

10.使用ssr