VUE-01

VUE简介

1.什么是vue

1.1. 构建用户界面

  官方给出的概念：Vue（读音/vju：/，类似于view)是一套用于构建用户界面的前端框架。

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

1.2. 框架

• 框架是一套线程的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能
• 要学习vue，就是在学习Vue框架中规定的用法
• vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库

2. vue的特性

  vue框架的特性，主要体现在如下两方面：

1. 数据驱动视图
2. 双向数据绑定

2.1 数据驱动视图

  在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：

  好处：当页面数据发生变化时，页面会自动重新渲染
  注意：数据驱动视图是单向的数据绑定

2.2 双向数据绑定

  在填写表单时，双向数据绑定可以辅助开发者在不操作DOM的前提下，自动把用户填写的内容同步到数据源
中。示意图如下：

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