本文共 998 字，大约阅读时间需要 3 分钟。

【笔记】Vue

1.MVVM模式的特性

MVVM表示如下：

• Model：模型层，在这里表示JavaScript对象
• View：视图层，在这里表示DOM（HTML操作的元素）
• ViewModel：连接视图和数据的中间件，例如Vue.js就是MVVM中的ViewModel层的实现者

在MVVM架构中，是不允许数据和视图直接通信的，只能通过ViewModel来通信，而ViewModel就是定义了一个Observer观察者

• ViewModel能够观察到数据的变化，并对视图对应的内容进行更新
• ViewModel能够监听到视图的变化，并能够通知数据发生改变

例如Vue.js就是一个MVVM的实现者，他的核心就是实现了DOM监听与数据绑定

2.Axios的特性

Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，它的主要作用就是实现AJAX异步通信，其功能特点如下：

• 从浏览器中创建XMLHttpRequests
• 从node.js创建http请求
• 支持Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换JSON数据
• 客户端支持防御XSRF（跨站请求伪造）

3.什么是双向数据绑定

数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue.js的精髓之处了。值得注意的是，我们说的数据双向绑定，一定是对于UI控件（比如表单下的一些子标签）来说的，非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex，那么数据流也是单项的，这是就会和双向数据绑定有冲突

4.为什么要实现数据的双向绑定

在Vue.js中，如果使用vuex，实际上数据还是单向的，之所以说是数据双向绑定，这是用的UI控件来说，对于我们处理表单，Vue.js的双向数据绑定用起来就特别舒服了。即两者并不互斥，在全局性数据流使用单项，局部性数据流使用双向，简单易操作

5.什么是计算属性

计算属性是用来声明式地描述一个值依赖了其它地值。当你在模板里把数据绑定到一个计算属性上时，Vue会在其依赖地任何值导致改计算属性改变时更新DOM。简单点说，它就是一个能够将计算结果缓存起来地属性（将行为转化成了静态的属性），仅此而已

转载地址：http://hjyki.baihongyu.com/