SPFX是SharePoint FrameWork的简称，主要用来在SharePoint Modern page中，其实就相当于classic page中的Web Part。

目前支持modern page的版本有SharePoint 2016，SharePoint 2019，SharePoint Online。

• SPFX与Add-in的区别:

SPFX是更偏向前端的解决方式，在前端通过组件的构建，调用SharePoint提供的Api对需求进行实现。在SPFX中可以选择使用前端框架(Vue,React,…)来实现，也可以选择纯JavaScript的开发方式。微软已经为我么提供了简单的模板创建方式，我们可以直接通过模板生成自己的SPFX项目。(官方并没有提供Vue的创建模板，需要自己下载)
Add-in则是更偏后端的解决方案，主要以调用Client Side Object Model和Rest Api为主要解决方式。这个技术在SharePoint 2013中出现。
addin最后运行在一个独立的Appweb中，而SPFX直接运行在SharePoint的页面中，减少了很多的配置需求。
在SharePoint越来越偏向前端的趋势中，SPFX的地位将变得越来越高。
运行在WorkBeach中的SPFX微软模板:

微软的官方文档连接:https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

以上仅仅是我的个人见解，大佬勿喷。