vuikit基本上支援uikit的所有語法，所以無論是你想用uikit還是vuikit，都可以只裝這一個

而且整合的時候，要遠遠比單獨去整合uikit簡單的多，因為很多事情都已經被vuikit做完了

一、首先用npm 安裝三方包

npm install vuikit

npm install @vuikit/icons

npm install @vuikit/theme

二、在main.js 中新增全域性使用

// later in your source files

import Vue from 'vue'

import Vuikit from 'vuikit'

import VuikitIcons from '@vuikit/icons'

import '@vuikit/theme'

Vue.use(Vuikit)

Vue.use(VuikitIcons)

 

三、uikit和vuikit混合使用

<template>

  <div id="app">

    <select class="uk-select">

        <option>uk-select item1</option>

        <option>uk-select item2</option>

    </select>

    <button class="uk-button uk-button-default"> 我是一個ukbtn</button>

    <vk-button> 我是一個vkbtn </vk-button>

  </div>

</template>



<script>

export default {

  name: 'App',

}

</script>



<style>

#app{

}

</style>

 

最終顯示結果：