qq_28842789的博客

先看看直接包装input时，官网的例子吧！我的理解：在代码1中，v-model="searchText" 是一个语法糖。代表了代码2中的v-bind:value="searchText" v-on:input="searchText = $event.target.value"，所以代码1和代码2是完全等价的。（语法糖是什么？嗯...我当它用一种特定语句，代表一些操作。）同理，代码3和代码5是完全等价的，区别是代码1是原生input，代码5是对input进行了包装的组件。那么关键点在

event.preventDefault()MDN解释:Event接口的preventDefault()方法，告诉user agent：如果此事件没有被显式处理，它默认的动作也不应该照常执行。此事件还是继续传播，除非碰到事件侦听器调用stopPropagation()或stopImmediatePropagation()，才停止传播。个人理解：事件后续动作别执行了，如subm...

摘抄当一个DOM事件被触发时，它不仅仅只是单纯地在本身对象上触发一次，而是会经历三个不同的阶段：捕获阶段：先由文档的根节点document往事件触发对象，从外向内捕获事件对象； 目标阶段：到达目标事件位置（事发地），触发事件； 冒泡阶段：再从目标事件位置往文档的根节点方向回溯，从内向外冒泡事件对象。来源：https://blog.csdn.net/ywl570717586/ar...