在Vue2中，事件修饰符是一种用于在DOM事件处理中进行特定操作的特殊标记。Vue2提供了一些内置的事件修饰符来简化事件处理逻辑。以下是Vue2中常用的事件修饰符：
- .prevent：阻止默认事件（常用）；
- .stop：阻止事件冒泡（常用）；
- .once：事件只触发一次（常用）；
- .capture：使用事件的捕获模式；
- .self：只有event.target是当前操作的元素时才触发事件；
- .passive：事件的默认行为立即执行，无需等待事件回调执行完毕；
示例代码：
<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>事件修饰符</title><!-- 引入Vue --><script type="text/javascript" src="../js/vue.js"></script><style>* {margin-top: 20px;}.demo1 {height: 50px;background-color: skyblue;}.box1 {padding: 5px;background-color: skyblue;}.box2 {padding: 5px;background-color: orange;}.list {width: 200px;height: 200px;background-color: peru;overflow: auto;}li {height: 100px;}</style></head><body><!-- Vue中的事件修饰符：1.prevent：阻止默认事件（常用）；2.stop：阻止事件冒泡（常用）；3.once：事件只触发一次（常用）；4.capture：使用事件的捕获模式；5.self：只有event.target是当前操作的元素时才触发事件；6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕；--><!-- 准备好一个容器--><div id="root"><h2>欢迎来到{{name}}学习</h2><!-- 阻止默认事件（常用） --><a href="http://www.baidu.com" @click.prevent="showInfo">点我提示信息</a><!-- 阻止事件冒泡（常用）如果不加.stop，就是默认事件冒泡，先触发内存元素身上的点击事件，再触发外层元素身上的点击事件 --><div class="demo1" @click="showParentInfo"><button @click.stop="showInfo">点我提示信息</button><!-- 修饰符可以连续写 --><!-- <a href="http://www.baidu.com" @click.prevent.stop="showInfo">点我提示信息</a> --></div><!-- 事件只触发一次（常用） --><button @click.once="showInfo">点我提示信息</button><!-- 使用事件的捕获模式，先触发外层元素身上的点击事件，再触发内层元素身上的点击事件 --><div class="box1" @click.capture="showMsg(1)">div1<div class="box2" @click="showMsg(2)">div2</div></div><!-- 只有event.target是当前操作的元素时才触发事件； --><div class="demo1" @click.self="showParentInfo"><button @click="showInfo">点我提示信息</button></div><!-- 事件的默认行为立即执行，无需等待事件回调执行完毕； .passive 不常用 不加.passive，会先触发demo事件，滚动条的滚动有延迟。加了之后，滚动条立即滚动 --><ul @wheel.passive="demo" class="list"><li>1</li><li>2</li><li>3</li><li>4</li></ul></div></body><script type="text/javascript">Vue.config.productionTip = false; //阻止 vue 在启动时生成生产提示。new Vue({el: "#root",data: {name: "CSDN",},methods: {showInfo(e) {alert("同学你好！");console.log(e.target);},showParentInfo(e) {alert("我是父元素");console.log(e.target);},showMsg(msg) {console.log(msg);},demo() {for (let i = 0; i < 100000; i++) {console.log("#");}console.log("累坏了");},},});</script>
</html>
--递归神经网络(RNN)和词向量模型Word2Vec)
