vue事件修饰词

「爱情、让人受尽委屈。」 2022-04-18 06:27 151阅读 0赞

<!DOCTYPE html>
    
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta http-equiv="X_UA-Compatible" content="ie=edge">
        <title>vue 入门</title>
        
        <script src="./lib/vue.js"></script>
        <style>
            .inner {
                height: 150px;
                background-color: aquamarine;
            }
        </style>
    </head>
    
    <body>
    
        <div id="app">
             
            
            
            
            
            
             
             
            
            <a href="http://www.baidu.com" @click.prevent.once="linkClick">百度一下，你就知道了</a>
    
        </div>
        <script>
           
            var vm = new Vue({
                el: '#app',    
                data: {  
                    msg: '欢迎来到vue'
                },
                methods:{
                    div1Handler(){
                        console.log('inner的触发事件');
                    },
                    btnHandler(){
                        console.log('button的触发事件');
                    },
                    linkClick(){
                        console.log('链接的触发事件');
                    }
                }
            })
    
        </script>
    </body>
    
    </html>