Vue页面埋点aop

import Vue from 'vue';

const app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});

function trackEvent(eventName, eventData) {
  // 在这里添加埋点逻辑，例如发送数据到后端服务器
  console.log(`Event: ${eventName}, Data:`, eventData);
}

function aspect(target, key, descriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function(...args) {
    // 在原始方法之前添加埋点逻辑
    trackEvent(`before_${key}`, args);

    // 调用原始方法
    const result = originalMethod.apply(this, args);

    // 在原始方法之后添加埋点逻辑
    trackEvent(`after_${key}`, result);

    return result;
  };

  return descriptor;
}

import { aspect } from './aspect';

export default {
  methods: {
    @aspect
    onClick() {
      console.log('Button clicked!');
    }
  }
};