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。
