Vue-1-前端框架Vue基础入门之一

1 Vue简介

Vue是一套用于构建用户界面的前端框架。

1.1 Vue的特性

(1)数据驱动视图
(2)双向数据绑定
(3)MVVM

(1)数据驱动视图
在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构。当页面对应的后台数据发生变化时，页面会自动重新渲染！
注意：数据驱动视图是单向的数据绑定。

(2)双向数据绑定
在填写表单时，双向数据绑定可以辅助开发者在不操作DOM的前提下，自动把用户填写的内容同步到数据源中。

在网页中，form表单负责采集数据、Ajax负责提交数据。js数据的变化，会自动渲染到页面上。

页面上表单采集的数据发生变化时，会被vue自动获取到，并更新到js数据中。

(3)MVVM
MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。
MVVM指的是Model、View和ViewModel，它把每个HTML页面都拆分成了这三个部分：

Model表示当前页面渲染时所依赖的数据源。
View表示