Vue-1-前端框架Vue基础入门之一
文章目录
- 1 Vue简介
- 1.1 Vue的特性
- 1.2 Vue的版本
- 2 Vue的基础应用
- 2.1 Vue3的下载
- 2.2 Vue3的新语法
- 2.3 vue-devtools调试工具
- 3 Vue的指令
- 3.1 内容渲染指令{{}}
- 3.2 属性绑定指令v-bind
- 3.3 事件绑定指令v-on
- 3.4 双向绑定指令v-model
- 3.5 条件渲染指令v-if
- 3.6 列表渲染指令v-for
- 4 参考附录
Vue是一套用于构建用户界面的前端框架。(1)数据驱动视图。(2)双向数据绑定。(3)MVVM。① 内容渲染指令{ {}}② 属性绑定指令v-bind③ 事件绑定指令v-on④ 双向绑定指令v-model⑤ 条件渲染指令v-if⑥ 列表渲染指令v-for。
1 Vue简介
Vue是一套用于构建用户界面的前端框架。
1.1 Vue的特性
(1)数据驱动视图
(2)双向数据绑定
(3)MVVM
(1)数据驱动视图
在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构。当页面对应的后台数据发生变化时，页面会自动重新渲染！
注意：数据驱动视图是单向的数据绑定。
(2)双向数据绑定
在填写表单时，双向数据绑定可以辅助开发者在不操作DOM的前提下，自动把用户填写的内容同步到数据源中。
在网页中，form表单负责采集数据、Ajax负责提交数据。js数据的变化，会自动渲染到页面上。
页面上表单采集的数据发生变化时，会被vue自动获取到，并更新到js数据中。
(3)MVVM
MVVM是vue实现数据驱动视图和双向数据绑定的核心