VUE 打好最基础的地基

概念：一套用于构建用户界面的前端“框架”

构建用户界面

1.编写结构 基于vue 中提供的指令，可以方便快捷的渲染页面的结构。数据驱动视图（只要页面依赖的数据源变化,则页面自动重新渲染）。

2.美化样式：基础CSS样式,美化网页的可视化效果。

3.基于vue中提供的事件绑定，可以轻松处理用户和页面之间的交互行为。

vue前端框架：

提供了构建用户界面的一整套解决方案（俗称VUE全家桶）

●vue(核心库)

●vue-router(路由方案）

●vuex(状态管理方案)

●vue组件库（快速搭建页面UI效果）

辅助vue项目开发的一系列工具：

●vue-cli(npm全局包：一键生成工程化的vue项目-基于webpack、大而全)

●vite(npm全局包：一键生成工程化的vue项目-小而全)

●vue-devtools(浏览器插件：辅助调试工具)

●vetur(vscode插件：提供语法高亮和智能提示）

vue特性：

1.数据驱动视图 ：vue会监听数据的变化，并且自动重新渲染页面的结构（单向的数据绑定）

2.双向数据绑定：在填写表单时，在不操作DOM的前提下，自动把用户填写的内容同步到数据源。

MVVM重点：是vue实现数据驱动视图和双向数据绑定的核心原理。将当前页面的数据源（model）和页面结构（view）连接在一起

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

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

ViewModel表示vue的实例，它是MVVM的核心。

vue版本：

1.x 淘汰

2.x版本 之前企业级项目发开的主流版本

3.x版本vue于2020.09.19发布，现在及未来企业级项目开发的趋势，将替代2的版本

vue2.x中绝大多数的APi与特性，在vue3.x中同样支持。同时，vue3.x中还新增了3.x所特有的功能、 并废弃了某些2.x中的旧功能:

什么是vue？