您现在处于Vue 引入文档
jekit免费 · 公开 · 高效

Vue 引入

浏览量:Err·查看修改记录

Jekit Vue 为 Vue 3 提供组合式 API,可以在组件中直接获取网站和页面的访问量、访客数等统计数据。

如何使用?

  • 安装依赖
npm install jekit-vue
  • 在组件中使用
<script setup lang="ts">
import { useJekit } from 'jekit-vue';

const jekit = useJekit();
</script>
<template>
	<p>网站总访问量: {{ jekit.sitePv }} 次</p>
	<p>网站总访客数: {{ jekit.siteUv }} 人</p>
	<p>页面总访问量: {{ jekit.pagePv }} 次</p>
	<p>页面总访客数: {{ jekit.pageUv }} 人</p>
	<p>今日网站总访问量: {{ jekit.sitePvToday }} 次</p>
	<p>今日网站总访客数: {{ jekit.siteUvToday }} 人</p>
	<p>今日页面总访问量: {{ jekit.pagePvToday }} 次</p>
	<p>今日页面总访客数: {{ jekit.pageUvToday }} 人</p>
</template>

设置默认值

在 useJekit 函数中传递第一个参数,设置数据未加载成功时显示的默认值。

const jekit = useJekit('----');

请求错误值

当请求发生错误时,所有指标的值为 Err。