GaussAppearance
@gauss/directives
directives 是 Vue 指令集合。在继续之前，我们假设您已经熟悉 指令 的基本思想。
安装
bash
yarn install @gauss/directives -Syarn install @gauss/directives -S使用示例
局部使用
vue
<template>
<el-button v-debounce:500="alert">防抖按钮</el-button>
</template>
<script setup lang="ts">
import { ElMessage } from 'element-plus'
import { vDebounce } from '@gauss/directives'
const alert = () => {
ElMessage.success({ message: 'HI, Gauss Admin' })
}
</script><template>
<el-button v-debounce:500="alert">防抖按钮</el-button>
</template>
<script setup lang="ts">
import { ElMessage } from 'element-plus'
import { vDebounce } from '@gauss/directives'
const alert = () => {
ElMessage.success({ message: 'HI, Gauss Admin' })
}
</script>全局使用
main.js
js
import { debounceDirective } from '@gauss/directives'
app.use(debounceDirective)import { debounceDirective } from '@gauss/directives'
app.use(debounceDirective)按需导入
@gauss/directives 默认支持基于 ES modules 的 tree shaking