单纯 js 脚本方式能用那些前端框架吗？

[azev]

不是前端工程项目的方式。
比如引入个 vue 脚本文件 再引用 element 的脚本和样式。
这样能玩的起来吗？

[dumbass]

能的，这些框架和酷都提供了 html 直接引入的方式

[azev]

@bojackhorseman 多谢 看到 element 的例子了

[AV1]

https://codepen.io/ziyoung/pen/rRKYpd

vue+element-ui，可以无需任何打包构建流程，只需引入三个外部文件就可以干活了：
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

[ClericPy]

已经用这种 cdn 方式用了好几年的路过... 就这种引入方式加浏览器自带 JS 解释器的环境, 简直得天独厚了

[azev]

@bojackhorseman @DOLLOR @ClericPy 多谢
昨天试了下 感觉不是太理想 页面刚载入时会是一大堆无样式文本 闪一下才能正确显示
这种方式是页面每次展示都要花时间进行一次类似工程项目的编译吧

[AV1]

@azev 你需要 v-cloak 指令来隐藏渲染前的模板。参见：
https://cn.vuejs.org/v2/api/index.html#v-cloak

[azev]

@DOLLOR 多谢 试了 很不错

[azev]

@DOLLOR 是不是前端工程项目编译发布的方式不会存在那个问题了？

[AV1]

@azev
只要不把模板写在 HTML 文件里就不会出现这种现象。
编译发布的方式，通常会把模板写在*.vue 文件里，确实就不会发生这种现象。

[azev]

@ClericPy 用的哪个框架？今天试了下 感觉 vue 要比 react 适合这么做。
html 里插入 react 组件还要使用脚本的方式太繁琐了 vue 基本就是直接放标签元素就行了

[ClericPy]

@azev 我就是 cdn 引用 vue 和 element, 最近想折腾 vuetify, 为了自适应... 我不是真前端, 就是不想写 GUI, 所以拿来写个交互而已(要不是某些人不喜欢 terminal UI...)

[TmacV2]

不懂就问 如果你写组件 然后想复用 import 之类的操作 没有打包工具加持 行吗

[azev]

@TmacV2 没有自己写的组件 都是用第三方组件