@click vs onclick onclick可以由JS引擎直接识别,在全局寻找对应处理方法。 @click是vue语法糖,由vue在自己的methods里寻找对应处理方法。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> </head> <body> <div id="app"> <button @click="vueClick()">vueClick</button> <button onclick="domClick()">domClick</button> </div> <script> const app = new Vue({ el: "#app", data() { return { visible: false } }, methods: { vueClick() { console.log("vueClick"); }, domClick() { console.log("domClick"); } } }) function vueClick() { alert("vueClick"); } function domClick() { alert("domClick"); } </script> </body> </html> Copy1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 结果:打印vueClick、警告domClick 为正常使用来必力评论功能请激活JavaScript