1. Vue简介

目录

一、什么是Vue？

 二、vue的特性

1. 数据驱动视图

2. 双向数据绑定

三、什么是MVVM？

---

一、什么是Vue？

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

---

 二、vue的特性

Vue的特性主要有以下2个方面：

1. 数据驱动视图

在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构

好处：当页面数据发生变化时，页面会自动重新渲染！程序员无需操作dom，页面结构会被vue自动渲染出来！

注意：数据驱动视图是 单向 的数据绑定

2. 双向数据绑定

在网页中，form表单负责采集数据，ajax负责提交数据

• js数据的变化，会被自动渲染到页面上

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

好处：开发者不需要手动从操作DOM元素，来获取表单元素最新的值

---

三、什么是MVVM？

MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。MVVM指的是model、view、和viewmodel，它把每个html页面都拆分成了这三个部分：

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

view: 表示当前页面所渲染的DOM结构

viewmodel: 表示vue 的实例，是mvvm的核心。它把当前页面的数据源（model）和页面的结构（view）链接到了一起