vue指令实现埋点，全靠这份前端知识点PDF大全

import Vue from ‘vue’

// 自定义埋点指令

Vue.directive(‘track’, {

//钩子函数，只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置

/*

• el:指令所绑定的元素，可以用来直接操作 DOM

• binding：一个对象，包含以下 property:

• name：指令名，不包括 v- 前缀。

• value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。

• expression：字符串形式的指令表达式。例如 v-my-directive=“1 + 1” 中，表达式为 “1 + 1”。

• arg：传给指令的参数，可选。例如 v-my-directive:foo 中，参数为 “foo”。

• modifiers：一个包含修饰符的对象。例如：v-my-directive.foo.bar 中，修饰符对象为 { foo: true, bar: true }。

• vnode：Vue 编译生成的虚拟节点

*/

bind: (el, binding, vnode) => {

if (binding.value) {

//这里参数是根据自己业务可以自己定义

let params = {

currentUrl:binding.value.current