Vue.js就不说了，现在做前端开发的想必都用过。笔者在这里主要想说一说UIKit。UIKit是一套非常漂亮的前端框架，与ElementUI、iVuew、Ant.d这些专注后台的UI框架不同的是，UIKit是专注前台的框架。大量的WordPress模板均使用了UIKit。
UIKit官网的介绍
UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架，可快速构建强大的前端web界面。UIKit使用的变量基于LESS，具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等，帮助开发者快速掌握并使用这一框架 。
与Vue集成
通过命令行进入到Vue项目（如果没有创建项目，请使用vue-cli创建）的根目录下，直接用以下命令安装UIKit。
npm install uikit
那么Vue中怎么引用这种第三方资源呢？其实相当的简单。只要用import导入，然后在添加到Vue.prototype上去就可以了。 Vue.prototype可以用来设置Vue全局变量，我们导入UIKit后，把它变成Vue的一个全局变量，就可以调用了。
找到src/main.js，在里面加入以下代码：
import UIKit from 'uikit'
import 'uikit/dist/css/uikit.min.css'
Vue.prototype.$$uikit = UIKit
使用UIKit显示带有一个按钮的警报框
this.$$uikit.modal.alert('UIkit alert!')
本案例源代码：https://gitee.com/dev-tang/vue-uikit-demo.git