semantic-ui-vue

基本资料

💚通用版本官方文档 用 jQuery作为事件处理 生态最好

🧡Vue版官方文档 Ps: 只有英文

💛Vue版本官方示例效果 ⬅强烈建议大家先点进这里看一下，真的好看

视频来源：视频原作者个人空间

一：Semantic UI 元素

二：Semantic UI 集合

三：Semantic UI 视图

四：Semantic UI 网格

五： Semantic UI 模块

六：Semantic UI 应用接口

项目介绍

选择vue版本的原因

视频里用的是通用版本，而我作为一名Java后端开发人员，只会点html、css和vue，所以选择了vue版本的，因此一切基本从0开始，只能一点点看官方文档（事实上vue版本的官方文档不是很好，好多功能还是需要自己摸索）。但是这个过程肯定是及其枯燥的，所以我依旧选择配合视频看。

学习是一个模拟的过程

至少我认为这是前期学习最好的方式，我的学习方式是习惯先看视频入门，然后看博客和做笔记，看书才是最后的选择。因此我是边看视频实习那个组件，我就翻官方文档去实现，就没有迷茫的感觉。

Semantic UI 的优点

1. 响应式UI框架，只需要写一次代码，就可以部署在手机端(moblie)、平板端(tablet)和电脑端(computer)中
2. 简约大气，有苹果的高级感hhh，而且动画效果很流畅
3. 添加组件十分简单，入门了来来去去就那么几个单词，加上ide的自动补全，哪怕忘记也可以查出来
4. 在全网来来去去都是那几个UI框架下，一个好看的Semantic UI能让自己瞬间加分
5. 作为后端人员的我都能学会，还可以用来做一些简单的需求

用法

需要点vue基础

各大论坛都有入门视频和博客教你安装vue，这里我建议安装vue ui，通过vue ui的方式导入文件夹

在依赖部分可以查看需要的依赖是否齐全

看有没有人学，如果没人学，我就慢慢补充图片教程。有人看的话，一天搞完hhh