addEventListener中获取到的event.target疑惑求解(已解决)

Question

有一个div标签，设置了一个自定义属性：data-test,并且有变量进行赋值。
在对这个标签进行点击时，通过addEventListener进行监听。并通过click事件修改了这个属性的变量值:

    <!-- vue -->
    <div :data-test="testStr" @click="testStr = 1">按钮</div>

根据打印显示，先执行了addEventListener，再执行了click事件，但是有一个很奇怪的点：

在addEventListener的方法中打印目标点击元素的时候，通过event.target.dataset拿到的值是undefined，而如果只是打印event.target却能看到dataset下面有值。
而如果我给addEventListener的方法设置一个计时器，再延后1ms来进行打印，却又能看到event.target.dataset，怎么对这种现象进行理解呢

---

解决方法：
不设置addEventListener的第三个参数，或者设置为false即可

Answer 1

1. console 打印的是快照。

   var arr = []
   arr.push(1);
   console.log(arr);//这里的你能看到2
   arr.push(2);

   

2. Vue 渲染异步的。