丁鹿学堂: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去实现。

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

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

你可能感兴趣的:(前端培训丁鹿学堂分享站,学习,javascript,前端)