VUE面试题总结

1.谈谈你对MVVM开发模式的理解
MVVM分为Model、View、Viewmodel三者。 Model：代表数据模型，数据和业务逻辑都在Model层中定义； View：代表UI视图，负责数据的展开； ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作； Model和View并无直接关联，而且通过Viewmodel来进行联系的，Model和Viewmodel之间有着双向数据绑定的联系。因此当Model中的数据改变时会触发View层的刷新，View中由于用户交互操作而改变的数据也会在Model中同步。这种模式实现了Model和View的数据自动同步，因此开发者只需要专注对数据的维护操作即可，而不需要自己操作dom。

2.Vue有哪些指令
v-html 相当于innerHTML，绑定一些包含html代码的数据在视图上
v-text 用于更新标签包含的文本，它的作用跟双大括号{ {}}效果是一样，当于innerText
v-on 监听 DOM 事件，并在触发时运行一些 JavaScript 代码,通过v-on指令修饰click点击事件,可简写用@代替
v-bind 数据单向绑定，用于动态改变标签内的属性 ，可简写用：代替
v-once 界面不跟数据变化，只渲染一次
v-model 数据双向绑定，用于实现表单输入和应用状态数据绑定
v-show 前端样式块、元素在指令的表达式返回 true值的时候被渲染 ，不会重新进行DOM的删除和创建操作，只切换了元素的 display:none 样式
v-if 前端样式块、元素在指令的表达式返回 true值的时候被渲染 ，会重新进行DOM的删除和创建操作
v-for 相当于JS中的for in循环, 可以根据数据多次渲染元素
v-else 和v-if指令搭配使用，没有对应的值。当v-if的值false，v-else才会被渲染出来
v-cloak 数据渲染后自动显示元素，可以解决插值表达式闪烁的问题
3.v-show和v-if指令的共同点和不同点
v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏
v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果

4.什么是vue生命周期
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

5. vue生命周期的作用是什么
   它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

6.vue的生命周期及作用
创建阶段：
beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)
created:实例已经创建，仍然不能获取DOM节点。(有data，没有el)
载入阶段：
beforemount：模板编译完成，但还没挂载到界面上。(有data，有el)
mounted：编译好的模板已挂载到页面中(数据和DOM都已经渲染出来)。
更新阶段：
beforeupdate：数据发生变化立即调用，此时data中数据是最新的，但页面上数据仍然是旧的(检测到数据更新时，但DOM更新前执行)。
updated：更新结束后执行，此时data中的值和页面上的值都是最新的。
销毁阶段：
beforedestroy：当要销毁vu