一篇文章带你初识Vue(前端学习笔记)

什么是vue

1.构建用户界面

• 用vue往html界面中填充数据，非常方便

2.框架

• 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！

• 学习vue，就是在学习vue框架中规定的用法！

• vue的指令、组件（是对UI结构的复用）、路由、vuex、vue库

Vue 的两个特性

1.数据驱动视图：

• 数据的变化会驱动视图自动更新

• 好处：程序员只管把数据维护好,页面结构会被vue自动渲染出来！

2.双向数据绑定

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

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

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

注意：数据驱动视图和双向数据绑定的底层原理是MVVM（Model 数据源 View 页面视图 ViewModel Vue实例