这篇博客详细介绍了Vue的MVVM架构，生命周期，数据双向绑定原理，组件间参数传递，路由实现方式，与Angular和React的区别，Vuex的使用，自定义指令和过滤器，以及keep-alive组件的运用。此外，还涵盖了vue-cli的指令添加，路由钩子函数，单文件组件的CSS隔离，v-if/v-show、v-on修饰符，以及Vue的计算属性和单页应用的优缺点。
VUE 面试题
一．对于MVVM的理解？
MVVM 是 Model-View-ViewModel 的缩写。
Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。
View 代表UI 组件，它负责将数据模型转化成UI 展现出来。
ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。
在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。
ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
二 . Vue的生命周期
beforeCreate（创建前） 在数据观测和初始化事件还未开始
created（创建后） 完成数据观测，属性和方法的运算，初始化事件， e l 属 性 还 没 有 显 示 出 来 b e f o r e M o u n t （ 载 入 前 ） 在 挂 载 开 始 之 前 被 调 用 ， 相 关 的 r e n d e r 函 数 首 次 被 调 用 。 实 例 已 完 成 以 下 的 配 置 ： 编 译 模 板 ， 把 d a t a 里 面 的 数 据 和 模 板 生 成 h t m l 。 注 意 此 时 还 没 有 挂 载 h t m l 到 页 面 上 。 m o u n t e d （ 载 入 后 ） 在 e l 被 新 创 建 的 v m . el属性还没有显示出来 beforeMount（载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。 mounted（载入后） 在el 被新创建的 vm. el属性还没有显示出来beforeMount（载入前）在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以
最低0.47元/天 解锁文章
扫一扫
03-13
1792
1792
01-20
4万+
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
