现在好看的前端框架全是基于 vue 的，可以不用 vue 的那套东西仅仅使用那张好看的皮么？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2019 天前的主题，其中的信息可能已经有所发展或是发生改变。

Vue

好看

框架

基于

18 条回复 • 2018-10-09 10:51:42 +08:00

a4854857

2018-10-09 09:19:53 +08:00

只引用 css 不就好了。然后去官网审查例子来看类名对应样式

2018-10-09 09:22:00 +08:00

接楼上，页面加载的效果可以借助 pjax 实现

2018-10-09 09:29:35 +08:00

vue 项目不包括前端样式的部分啊？莫非我用了假的 vue

sfree2005

2018-10-09 09:37:28 +08:00 via Android

举些例子? react 和 angular 我也觉得有好看，不过大部分需要付费，但也不贵呀。单用户版本也就一两百块

weegc

2018-10-09 09:38:30 +08:00

js 和 css 是两回事

TomatoYuyuko

2018-10-09 09:41:47 +08:00

element 也出 ng 和 react 版本了，不知道你指的是哪套，vue 本身不包含样式啊

17681880207

2018-10-09 09:53:55 +08:00

真的吗？我咋觉得 vue 的 ui 都很丑啊...

jin5354

2018-10-09 10:02:28 +08:00

很难，像 element 这种 UI 库如果想脱离 Vue 要自己剥离样式再手写 DOM 结构，成本太高了

denano

2018-10-09 10:07:21 +08:00

好看的比如？我感觉主流的几个都很丑啊...

yiranHZT

2018-10-09 10:08:13 +08:00

一个简单粗暴的做法，用 iView 作例子：
首先全局引入 iView 的 CSS，这样框架定义好的各种样式就可以在你的项目生效。然后在需要使用某控件时，如使用 Tabs 控件，去官网找 example。接着 F12 inspect 某个 example，你会看到其实该控件也是用基本的 HTML+CSS 实现的而已，而 CSS 你已经引入了，只需要 copy element，黏贴到自己项目代码中。最后移除一些额外的 class，如 example-demo，保留“ ivu-”开头的 class，这样你就获得了这个控件的“皮”了。
但是几乎所有控件都有自己的 JS，这个较难复制黏贴，所以都要你自己补充实现。
如果是大型项目，特别是你对该框架不熟悉理解不深，会很痛苦，而且这样也算是违背了使用框架的快速生成高质量代码的意义。