Vue前端埋点获取用户行为数据

前端埋点

---

第一步： 在main.js中自定义一个指令

Vue.directive('stat', {

 bind(el, binding) {
   el.addEventListener('click', () => {
     const data = binding.value;
     console.log(data)//在这里输入具体指令，现在是将其打印出来
     //data中方法着用户的行为数据（用户的行为数据需要自己定义）
     /**
      * 进行统计操作
      */
   }, false);
 }

});

第二步：在需要埋点的地方，加入指令

v-for="item in listData" v-stat="{type:item.category.name,value:item.name}"