浅谈 Vue3

一、前言

最近很多技术网站，讨论的最多的无非就是 Vue3 了，大多数都是 Composition API 和基于 Proxy 的原理分析。但是今天想着跟大家聊聊，Vue3 对于一个低代码平台的前端更深层次意味着什么？

首先，Vue 是前端三大主流框架之一，也是目前最火的一个前端框架。Vue 作为一套构建用户界面的框架，关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合，提高开发效率。

在 Vue 中也有这样一个核心的概念，就是让用户不再操作 Dom 元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑。

二、低代码平台的前端框架采用 Vue 的好处有哪些？

• Vue 是组件化开发，减少代码的书写，使代码易于理解。

• 最突出的优势在于可以对数据进行双向绑定。

• 相比较传统的用超链接进行页面的切换与跳转，Vue 使用的是路由，不用刷新页面。

• Vue 是单页应用，加载时不用获取所有的数据和 Dom，提高加载速度，优化了用户体验。

• Vue 的第三方组件库丰富，使用起来方便，提高了开发效率。

Vue3 的 5 大亮点：

1、响应式性能提升

性能比 Vue2 块 1.2-2 倍。性能的提升主要是通过响应式 Q 系统的提升（vue3 使用 proxy 对象重写响应式）以及编译优化（优化编译和重写虚拟 dom、优化 diff 算法）来完成。

2、代码体积更小

相比 Vue2，Vue3 按需编译，整体体积变小了。除了移出一些不常用的 API，值得一提的是 Tree shanking 任何一个函数，如 ref、reactive、computed 等，仅仅在用到的时候才打包，没用到的模块都被去掉，打包的整体体积变小。

3、支持组合 API（Composition Api）

Vue2 使用 Options Api（选项 api），而 Vue3 使用 Composition Api （组合 api）。

① Options Api：

条例清晰，相同的放在相同的地方；但随着组件功能的增大，关联性会大大降低，组件的阅读和理解难度会增加；

② Composition Api：

组件根据逻辑功能来组织的，一个功能所定义的所有 API 会放在一起（更加的高内聚，低耦合），即使项目很大，功能很多，我们都能快速的定位到这个功能所用到的所有 API。

4、更好的 ts 支持

Vue 新增了 DefineComponent 函数，使组件在 ts 下，更好的利用参数类型推断。如：reactive 和 ref 很具有代表性。

5、更先进的组件

① vue 中可以不需要根节点，多个元素或标签可并列存在。

② 可以把 teleport 中的内容添加到任意的节点内，对于嵌套较深的组件来说绝对是一个福音。

③ 允许程序在等待异步组件渲染一些后备的内容，可以让我们创建一个平滑的用户体验。

三、简单归纳

Vue 目前是国内最火的前端框架之一，Vue 的性能提升和运行速度也会比其他框架好很多。

•  让项目更快

•  让代码更少

•  更易于维护

•  让我们开发更快，加班更少

四、使用 Vue 框架的低代码平台有哪些？

JNPF 快速开发平台是其中一个，后端深度集成 java+.net 6 双技术引擎，前端采用 Vue3 等技术框架，包括场景建模、界面开发、系统对接、组件拓展、数据并发处理、动态菜单、权限校验、按钮级别权限控制等功能。

详情可以去往官网体验更多，JNPF 官网：https://www.jnpfsoft.com/?infoq

强大的动态信息数据模型可以让应用程序快速生成！JNPF 引领低代码开发模式，帮助解决企业项目 70%的重复工作，让开发更多关注业务。既能快速提高效率，节省成本，同时又不失灵活性。

四、最后

对于低代码平台的前端框架，Vue3 是一种非常实用的选择。它的组件化开发、双向绑定、路由等方面都非常出色，且易于使用。如果你正在寻找一种快捷、高效的前端开发工具，不妨尝试使用 JNPF，将会给你带来意想不到的惊喜！