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、v-show、v-if、v-for等等
3. v-if 和 v-show 有什么区别？
v-show 仅仅控制元素的显示方式，将 display 属性在 block 和 none 来回切换；而v-if会控制这个 DOM 节点的存在与否。当我们需要经常切换某个元素的显示/隐藏时，使用v-show会更加节省性能上的开销；当只需要一次显示或隐藏时，使用v-if更加合理。
4. 简述Vue的响应式原理
当一个Vue实例创建时，vue会遍历data选项的属性，用Object.defineProperty将它们转为 getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。
每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的 setter 被调用时，会通知 watcher 重新计算，从而致使它关联的组件得以更新。
图1
5. Vue中如何在组件内部实现一个双向数据绑定？
假设有一个输入框组件，用户输入时，同步父组件页面中的数
具体思路：父组件通过 props 传值给子组件，子组件通过 $emit 来通知父组件修改相应的props值，具体实现如下：
图2
可以看到，当输入数据时，父子组件中的数据是同步改变的：
图三
我们在父组件中做了两件事，一是给子组件传入props，二是监听input事件并同步自己的value属性。那么这两步操作能否再精简一下呢？答案是可以的，你只需要修改父组件：
图四
v-model 实际上会帮我们完成上面的两步操作。
6. Vue中如何监控某个属性值的变化？
比如现在需要监控data中，obj.a 的变化。Vue中监控对象属性的变化你可以这样：
图5
deep属性表示深层遍历，但是这么写会监控obj的所有属性变化，并不是我们想要的效果，所以做点修改：
图6
还有一种方法，可以通过computed 来实现，只需要：利用计算属性的特性来实现，当依赖改变时，便会重新计算一个新值。
图7
如果你依然在编程的世界里迷茫，不知道自己的未来规划，可以加一加我的新群：673858956
可进群免费领取学习资料，需要什么我都尽力帮助！
群里不停更新最新的教程和学习方法（进群送web前端系统学习路线，详细的前端项目实战教学视频）
，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入！
点击：加群
网友评论