IT俱乐部 JavaScript Vue 中 onclick和@click区别解析

Vue 中 onclick和@click区别解析

发布: 2024年 2月 24日 252阅读

目录

一、直接上结论

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

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



    探索onclick和@click的区别




    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区别内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！

本文收集自网络，不代表IT俱乐部立场，转载请注明出处。https://www.2it.club/navsub/js/9437.html

31赞

标签:click onclick vue 区别解析