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指的是modelview、和viewmodel,它把每个html页面都拆分成了这三个部分:

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

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

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

猜你喜欢

转载自blog.csdn.net/Mr_LiuP/article/details/123274597