`interview（vue篇）`

MVVM模型

MVVM本质是MVM的模型升级版，其中model表示数据模型，view表示看到的页面，ViewModel是逻辑层，表示view和model之间的一个桥梁，数据会绑定到viewmodel,层中更新数据，视图变化也会通知viewmodel层更新数据，一个双向绑定的过程，以前是通过DOM来更新视图，现在是通过数据更新视图。

vue 的生命周期

-每个组件实例在创建后都会经历一系列的初始化过程，每个过程运行的周期，可以叫生命周期钩子函数，

vue2的生命周期有八个阶段，
分别为创建前后（beforeCreate/created），
挂载前后（beforeMount/mounted），
更新前后（beforeUpdate/updated），
销毁前后（beforeDestroy/beforeUnmout），
以及一些特殊场景的周期函数，
组件缓存激活停用（activted/deactivated）
捕获孙子组件错误时调用（errorCaptured） vue3中引入了新的API创建前后（beforeCreate/created）钩子函数注册在setup（）进行调用，其他对应的周期函数在原有的语法前加on，- beforeCreate 和 created 没有对应的onXxx()函数，取而代之使用setup()函数
berforeMount —> onBeforeMount
mounted —> onMounted
beforeUpdate —> onBeforeUpdate
updated —> onUpdated
beforeUnmount —> onBeforeUnmount

Vue.$nextTick是什么

nextTick是vue提供的一个全局的API，由于vue的异步策略，导致数据修改后不会直接体现在DOM上，nextTick就是等DOM循环机结束后，会在队里中加一个回调函数，确保该函数在数据更新后

vue的基本原理

当一个vue实例创建时，vue会遍历data中的属性，vue2使用object.defineProperty(vue3使用proxy对对象进行代理)将他们转换为getter/setter并且在内部追踪相关依赖，在属性被访问和修改的时候通知变化，，每个组件实例都有相应的watcher程序实例，在组件渲染的过程中把属性记录为依赖，从而使广联的组件得以更新。

vue响应式的原理

（1）什么是数据劫持使用object.defineProperty劫持对象的访问器，在属性发生变化时我们可以获取变化，从而进行相关的操作
（2）发布者模式/订阅者模式发布者和订阅者互不知道对方的存在，发布者只需要把消息发送到订阅器里面，订阅者只需要接受自己需要订阅的内容即可
（3）响应式的原理 vue的响应式原理就是数据劫持开发者-订阅者模式，通过object.definPerPoerty来劫持各个属性的setter和getter，在数据变动时发布消息给订阅者触发相应监听回调

MVVM/MVC/MVP的区别

（1） MVC，model数据模型，view视图模型，controller控制器 view负责页面的现实逻辑，model负责业务数据，controller负责处理整合view和model之间的纽带，当model发生变化，用户交互时，con中的触发器开始工作进行视图更新
（2）MVVM model，view viewModel model表示数据模型，view负责页面UI视图，viewModel负责监听model中数据的改变并且控制视图的更新，处理用户的交互操作。