快速开始

1.安装 sdk

npm i my-custom-monitor-sdk

2.引用 sdk

2.1 全局引入

import { init } from "my-custom-monitor-sdk";
init({
  appId: "vue0001", // appId
  userId: "user0001", // userId
  reportUrl: "http://www.example.com/minitor/report", // 请求的后端地址
  delay: 0, // 延时上报的时间
  autoTracker: false, // 自动埋点
  hashPage: false, // 是否为hash路由，为fasle的话则默认为history路由
  errorReport: true, // 是否开启错误监控
});

2.2 手动引入

在单个页面引入:

<template>
  <div>
    <h2>page1</h2>
    <!-- 手动埋点 -->
    <button
      style="marginRight: 20px"
      @click="tracker('click', '按钮1被点击了')"
    >按钮1</button>
  </div>
</template>
<script setup  name="page1">
import { tracker } from 'monitor-sdk';
</script>