数据埋点其实就是对系统的某些操作行为进行记录，当触发行为时候对后端发起请求，让后端进行统计其实就是一次埋点过程。接下来就是对：新建，编辑，删除。。。。一系列行为进行监听。

　　实现方案：1. 1.在需要埋点的按钮节点加上data-track属性，然后入口文件main.js通过事件冒泡机制使用document.addEventLister("click", function() {})在函数中获取节点的data-track值，最后发起请求

　　　　　　　1. 2.第一点理想状况是可行的，但是由于项目中用了element中的组件，有些时候是拿不到data-track属性的

 

　　第二种方案:使用指令实现，对需要的埋点的节点使用v-dataGrow进行绑定： 

 <span v-if="immediateEditList.includes(head.fieldType) && head.editable"
                data-type="immediateEdit"
                v-dataGrow="
                { alis: `${$route.query.subBusinessType}- 
        　　　　　　list-${$route.query.subBusinessType}-quickEdit-${appInfo.businessType}`,
                stop: false }"
                :data-id="scope.row.id"
                :data-attr="head.attr"
                >
</span>

　　而v-dataGrow的具体实现如下：

export default {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el, { value: { alis, stop = true } }, vnode) {
    el.addEventListener('click', (event) => {
      fn(alis) // 可以做任何事情，发送给后端
      if (stop) {
        event.stopPropagation() // 是针对有些原先代码把clik事件冒泡给禁止了
      }
    }, false)
  }
}

　　下面这种实现方案更简洁，一目了然。