Appearance
快速开始
本节将介绍如何在项目中使用 Element Plus。
用法
完整引入
完整引入
js
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import ElementPlusKit from 'c7-plus' // [!code focus]
import 'element-plus-kit/dist/index.css' // [!code focus]
const app = createApp(App)
app.use(ElementPlus)
app.use(ElementPlusKit) // [!code focus]
组件使用
vue
<template>
<q-form ref="formRef" :model="FormValue" :form-options="formOptions" /> // [!code focus]
<q-table :data="data" :columns="columns" /> // [!code focus]
</template>
按需导入
vue
<template>
<q-form ref="formRef" :model="FormValue" :form-options="formOptions" /> // [!code focus]
<q-table :data="data" :columns="columns" /> // [!code focus]
</template>
<script setup lang="ts" >
import { QForm , QTable } from 'c7-plus' // [!code focus]
</script>