Vue

如果您想在 Vue 应用程序中使用 CKBox，请首先按照本指南中的说明安装 ckbox 包。然后，创建一个 Vue 组件，在其中将对 <div /> 元素的引用附加到该组件，并在 onMounted 生命周期方法中使用它来实例化 CKBox。

下面显示的是示例 Vue 组件文件的内容

<template>
    <div ref="ckbox" />
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import * as CKBox from "ckbox";
import "ckbox/dist/styles/ckbox.css";

const ckbox = ref();

onMounted(() => {
    CKBox.mount(ckbox.value, {
        tokenUrl: "https://your.token.url",
    });
});
</script>