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 和 jquery 有什么区别,简述Vue的响应式原理

相同点:都是Js框架

区别:vue 虚拟dom,遍历dom树,虚拟dom与真实dom比较,如果有变化,就更新真实dom(通过定时器),jquery是直接找到节点,操作真实dom

简述Vue的响应式原理:

参考链接:https://cn.vuejs.org/v2/guide/reactivity.html vue官网中,深入响应式原理这一章节中有具体介绍到 Vue 响应式系统的底层的细节

3. Vue 有哪些指令?

v-html、v-show、v-if、v-for、v-bind(😃、v-model等等

4. v-if 和 v-show 有什么区别?

v-show: 根据表达式之真假值,切换元素的 display CSS 属性。

v-if: 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是

posted @ 2019-04-24 21:38  近距离  阅读(153)  评论(0编辑  收藏  举报