schwarzeni
schwarzeni

Vuejs中使用addEventListener的事件触发执行函数的this

在普通的dom操作中，若是使用addEventListener，如下面的例子



<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<div id="btn_container">
    <button id="btn">Click Mebutton>
div>
<script src="test.js">script>
body>
html>
let fn  = function() {
  console.log(this);
};
document.getElementById('btn').addEventListener('click',fn);

那么，在控制台中输出的this的值为触发事件的dom节点

这里写图片描述

(另：有用的链接 => 传送门)

如果是使用vuejs中的自定义directive来触发点击事件，触发函数中的this又是什么呢

/**
 * 这是vuejs的一个模块
 */