请教各位前端大佬个问题

不是很理解你的问题
1. react/vue 不是 ui 框架，正如 jquery 不是 ui 框架一样
2. 你是觉得 react/vue 生成的页面不是 html 吗？

react vue angular 不是 ui 框架，如果只是单纯的 ui 展示的话，他们也可以直接按照你说的方法用

svelte

构建好就是一个 html 但是你只能使用这一次的，类似 快照 的 html

vue 可以像 jQuery 那样，引入就可以用了。
另外 vue 有 ssr 的框架，即服务器端渲染，然后输出 html 。

肯定是可以的，本质上是通过 js 将组件（控件）渲染显示到 html 上，样式用 css 控制。

你说的应该是 CDN 引入这种方式：
https://element.eleme.cn/#/zh-CN/component/installation
点击 “在线演示” 即可看到你说的那种代码。

这样也可以写，
但是问题是如果你用看别人开发的第三方组件（控件）的使用文档，
人家示例代码都是用现代前端的方式写的（通过 webpack 等工具将代码打包到一个 js 文件里，然后引入到页面），
你会一头雾水。
所以建议还是体验下现代前端的开发方式。

现在 react 的组件库不是可以直接使用的。
就显示来说，现在所有的页面都是 html + css + js ；
区别就在于，jquery 的 js 是可以裸写在页面的
但是现在的 mvvm 框架的 js 是各种打包工具(webpack,rollup,parcel) 打包出来的
虽然 html+css+js 方式不变，但是 react 里的组件是在一个整体里边，你想单个引入似乎不太好做到
除非你的 react 项目只是为了打包出组件

还是推荐脚手架吧。你可以先了解下 SPA，SSR 。直接引用 js，在 html 里面写也可以。不过这 不是 Vue 这些框架的优势之处。

可以直接引用 vue.js ，组件库也可以直接引用。

感觉 vue 有多种写法，可以各种折腾。

react，vue 的 webpack 框架 打包后的输出的都是 webpack，babel 做了处理的（ ES6 转 es5 之类，css 压缩之类，图片压缩）估计一般人看不懂。。。无法维护。

楼上有提的 svelte 应该是更好的选择，你的需求比较适合学点这个。

直接在浏览器中使用 react 参照官网文档
开始 --> 在网站中添加 React
高级指引 --> 不使用 ES6, 不使用 JSX

vue 直接应用比较方便
react jsx 的话还可能要引用 babel，有体积有点大

#12 不仅体积大，动态的编译还可能会有性能问题