自定义指令获取data数据

自定义指令读取vue实例中的data数据

在vue自定义指令中的this指向的是window，无法通过this获取实例中的da数据

而自定义指令中的回调函数有里有两个参数

参数1是指令绑定的dom对象

参数2是指令绑定的对象

在指令中若想地道道vue实例中的data数据，可以通过绑定值得方案传入

【html】

  <div id="app">
    <div v-title="title">我是标题</div>
</div>

【js】

Vue.directive('title', (el, bindings) => {
   
      console.log(el,bindings,this);
    // <div>我是标题</div>  Object  Window
    console.log(bindings.value);
    // hello
    
    // 想要在自定义指令中去修改data中的数据
    el.innerHTML = bindings.value

})

const app = new Vue