丁鹿学堂：2023前端开发最新vue3学习教程总结分享（vue3简介）

vue到底是做什么的？

在vue3的官方文档中指出，vue是性能出色的web前端框架。

这是书面解释。

vue主要功能就是帮我我们高效快速构建用户界面，把视图和数据关联，当数据发生变化，视图会自动更新。通过视图，也可以自动更新数据。

通俗易懂的话，就是在前后端分离的开发场景下，服务器只提供数据（json数据），前端负责获取数据以后渲染成各种页面。

传统方法，是通过ajax获取数据以后操作dom

通过vue，可以代替之前繁琐的dom操作。

一句话，vue就是负责将数据渲染到视图中。

vue的特点

1 声明式

所谓声明式，对应就是命令式。传统的web开发就是命令式的。

场景：从后端获取一段文本，作为标题渲染到页面上。

命令式：

1 获取文本，2 创建h1标签，3 给h1标签设置innerHTML插入内容，4 获取body，并且把创建的h1放入body

命令式编程可以类比面向过程的编程，一个一个命令去执行，完成需求

声明式：

声明式就是结果导向。

还是上面的需求，我们直接声明我需要一个h1标签，程序会自动帮我们实现创建这些的过程。

2 组件化

传统的web开发，划分的标准就是一个一个的页面。比如首页，关于我们，产品详情等。

而vue的组件化，就是把开发单位变成了组件。

组件是一个功能的集合，它可大可小。比如，导航可以看成一个组件，按钮可以看成一个组件。

一个网页有多个组件构成。

组件化的好处是把网页进行了细分，不同的功能组成一个一个组件，再组合成网页。提高了代码的复用性。

3 渐进式

vue的渐进式，可以理解为适合各种项目。便于维护。比如，有的老项目是用jquery，新的功能也可以局部引入vue去实现。

所谓的渐进式，可以理解为适应性强。老项目可以用，新项目可以用，大项目可以用，小项目也可以用，灵活多变。

可以局部使用，也可以全局使用。