VUE面试题

v-if和v-show的区别

都是用来显示和隐藏的

v-if：是销毁和创建 Dom 元素的，切换的效率比较低

v-show：控制元素的 display 的值让元素显示和隐藏的，切换的效率高

使用场景：频繁操作Dom元素的显示和隐藏使用v-show，反之使用v-if

如何理解MVVM的

它是 model-view-viewmodel的一个缩写形式

M：模型，是data里面的数据

v：视图，是用户界面，Dom 视图

vm：视图模型，是连接model和view的一个桥梁

核心是提供view和model的双向数据绑定，当数据改变的时候，viewmodel能监听到数据的变化，自动更新视图，当用户操作界面的时候，viewmodel也可以监听到视图的变化，通知数据进行改动，这就实现了双向数据绑定。viewmodel通过双向绑定把view和model连接起来，它们之间的同步是自动的，不需要人为干涉，我们只需要关心业务逻辑即可，不需要操作Dom，同时也不需要关注数据的状态问题，因为它是由mvvm统一管理

v-for中的key值的作用是什么

key是循环Dom元素的唯一标识

作用：1.可以提高dom元素的更新

2.key属性可以避免渲染数据混乱的情况 （如果元素中包含了有临时数据的元素，如果不用key就会产生数据混乱）

谈一谈你对vue生命周期的理解

beforecreat ： 创建前所有的方法和属性都不能使用

created：实例创建完成，在这里完成数据监测，可以使用数据，修改数据，不会触发updated，也不会更新视图

beforemount：完成模板的编译，虚拟dom也完成创建，即将渲染，修改数据不会触发updated。

mounted：把编译好的模板挂载到页面，这里可以发送异步请求也可以访问Dom节点更新

beforeupdate：组件数据更新之前使用，数据是新的，页面上的数据是旧的，组件即将更新，准备渲染，可以改数据。

updated：render重新做了渲染，这时数据和页面都是新的，避免在此更新数据

beforedestory：实例销毁前，在这里实例还是可以用的，可以清除定时器等等

destoryed：组件已经被销毁了，全部都销毁

使用keep-alive时多出两个周期

activited：组件激活时

deactiveted：组件销毁时

在created和mounted去请求数据，有什么区别？

created：在渲染前调用，通常先初始化属性，然后做渲染

mounted：在模板渲染完成后，一般都是初始化页面后，再对元素节点进行操作。在这里请求数据可能会出现闪屏的问题，created不会