Vue技术7.1事件的基本使用

DOCTYPE html>>
<html>
    <head>
        <mata charset="UTF-8"/>
        <title>事件的基本使用title>
        
        <script type="text/javascript" src="../js/vue.js">script>
    head>
    <body>
        
        
        <div id="root">
            <h2>欢迎来到{{name}}学习h2>
            <button v-on:click="showInfo($event,2)">点我提示信息button>
        div>
    body>

    <script type="text/javascript">
        Vue.config.productionTip = false

        const vm=new Vue({
            el:'#root',
            data:{
                name:'尚硅谷',
            },
            methods:{
                showInfo(event,number){
                    console.log(event,number)
                    alert('同学你好')
                }
            }
        })
    script>
html>

你可能感兴趣的:(前端,vue.js,javascript,前端)