Skip to content
本页目录

快速开始

接下来将了解组件库在项目中的使用。

用法

直接引入(推荐)

你可以直接导入组件并使用它。这种情况下,只有导入的组件才会被打包。

<template>
  <k-button>doublek-ui</-button>
</template>

<script>
import { defineComponent } from 'vue'
import { KButton } from 'doublek-ui'

   export default defineComponent({
    components: {
      KButton
    }
  })
</script>

如果你可以使用 setup script,你可以用下面的方式使用组件。

<template>
  <k-button>doublek-ui</-button>
</template>

<script setup>
  import { KButton } from 'doublek-ui'
</script>

完整引入(不推荐)

// main.ts
import { createApp } from "vue";
import App from "./App.vue";
import "doublek-ui/dist/style.css";
import { creatUI } from "doublek-ui";

const app = createApp(App);
app.use(creatUI());
app.mount("#app");

开始使用

现在你可以启动项目了。 具体每个组件的使用方法, 请查阅组件文档

如有转载或 CV 的请标注本站原文地址