目录
一、什么是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)链接到了一起