Vue 中 onclick和@click区别解析

目录

• 一、直接上结论
• 二、验证代码，可直接运行
• 三、点击结果

一、直接上结论

• onclick 只能触发 js的原生方法，不能触发vue的封装方法
• @click 只能触发vue的封装方法，不能触发js的原生方法

二、验证代码，可直接运行

                
    onclick使用js中的方法
    @click使用js中的方法
    onclick使用vue中的方法
    @click使用vue中的方法
    const app = new Vue({        el: '#app',        data: {        },        methods: {            vueMethod() {                console.log("您触发了vue内部方法！")            }        }    })    function jsMethod() {        console.log("您触发了js方法！")    }

三、点击结果

补充：

vue.js @click和v-on:click有什么区别？
没有区别，@ 只是一个 v-on: 的缩写，为了书写方便。

Vue.js 为 v-bind 和 v-on 这两个最常用的指令，提供了特定简写：
v-bind 缩写

v-on 缩写

到此这篇关于Vue 中 onclick和@click区别的文章就介绍到这了,更多相关Vue onclick和@click区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！