快速开始

本节将介绍如何在项目中使用 Q-UI。

提示

"babel-loader": "^8.0.0",版本号不宜太高。

全局注册

/**
 * Q-UI 全局注册
 */
import 'element-ui/lib/theme-chalk/index.css'
import QUiVue2 from 'q-ui-vue2'

Vue.prototype.$QUtils = QUiVue2.QUtils
Vue.use(QUiVue2)

QUiVue2.QCard.props.showTitle.default = process.env.VUE_APP_SHOW_TITLE === 'true'

/**
*以下不需要，看情况
**/
import 'element-ui/lib/theme-chalk/index.css';
import 'q-ui-vue2/styles/index.scss'
import 'q-ui-vue2/utils/index'               

按需引入

   import { QCard } from 'q-ui-vue2';