这里的代码是因为div2有capture关键字，所以此时冒泡的顺序发生了变化正常情况下：点击div3逐层冒泡，先div3=”div2=”div1使用关键字：点击div3时，先div2=”div3=”div1表示只要有捕获关键字，就会影响整个嵌套的执行。self修饰符的作用是只有当event.target为当前元素本身时才触发处理函数，即事件不是从内部元素触发的。.once修饰符的作用是：点击事件只会触发一个被动函数　　具体可以参考MDN中addEventListener中的第三个参数（https://developer.mozilla.org...）；这意味着侦听器preventDefault()永远不会被调用。如果侦听器仍然调用此函数，客户端将忽略它并抛出控制台警告。被动修饰符将执行默认方法。您可能会问为什么默认设置这样的修饰符。这就是关于这个修饰符的初衷。浏览器只能知道内部会不会调用preventDefault函数来阻止事件的默认行为，直到内核线程执行完事件监听器对应的JS代码，所以浏览器本身没有办法优化这种场景。在这种场景下，用户的手势事件无法快速产生，会导致页面无法快速执行滑动逻辑，从而让用户感觉页面卡住了。通俗地说，每次事件发生时，浏览器都会检查是否有preventDefault来阻止该事件的默认动作。我们添加passive是为了告诉浏览器不需要查询，也没有使用preventDefault来阻止默认动作。这个一般用于滚动监听，@scoll，@touchmove。因为在滚动监听过程中，每移动一个像素点都会产生一个事件，每次使用内核线程查询prevent，滑动都会卡住。我们通过passive跳过内核线程查询，可以大大提高滑动的流畅度。注意：被动和防止冲突不能同时绑定一个监听器。v-model修饰符v-model主要有三个修饰符：.lazy.number.trim.lazy修饰符添加lazy后，输入框中的数据会显示在change事件中在中间同步，不与输入同步。.nu??mber修饰符首先，谁知道这个数字并没有限制用户的输入，而是试图将用户输入的数据绑定到js中的数字类型上。比如用户输入300，实际绑定的数据是'300''(string)，加上number命令后，可以得到300(number)的绑定结果。如果用户输入的不是数字，则此命令无效。.trim修饰符trim可以用来过滤指令前后的空格。Vue中的一些指令可以缩写。v-bind我们可以将v-bind简写为：例如：Link可以写成Link如果使用Vue2.6.0或更高版本，我们还可以使用动态参数：Linkv-on我们可以将v-on简写为@，例如：点我可以写成点我同样，从Vue2.6.0开始，我们也可以使用动态参数：<@[event]="onClick">Clickme总结了一些指令具有与之关联的修饰符。v-on指令有几个控制如何调用事件处理程序的修饰符。或者，v-model指令也有一些修饰符，允许我们自动将输入转换为数字或从输入中删除空格。v-on和v-bind也有简写形式。v-on:可以简写为@，v-bind:可以简写为:。指令参数也可以使用简写。代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。https://www.websystemer.no/vu...每周更新交流文章。可以微信搜索“大千世界”阅读即时更新（比博文早一两篇）。这篇文章在GitHubhttps://www.websystemer.no/vu://github.com/qq449245884/xiaozhi已经收录，整理了很多我的文档。欢迎star和改进。大家可以参考考点面试。另外，关注公众号，后台会回复福利，看到福利就知道了。