06.新手入門vue之v-on

v-on指令

v-on指令用於綁定DOM事件，事件觸發函數中可以執行一些javascript代碼。

語法

v-on:事件名="methods裡的方法名"

簡寫:

@事件名.修飾符="methods裡的方法名"

<code>


    
    
    <title>Document/<title>


    

        
        <button>按鈕1/<button>
        
        <button>按鈕2/<button>
        
        <button>按鈕3/<button>
        
        <button>按鈕4/<button>
        
    




/<code>

獲取事件對象

$event可以獲取當前點擊事件的事件對象

<code>


    
    
    <title>Document/<title>


    

       
        <button>按鈕5/<button>
    




/<code>

阻止冒泡事件

<code>


    
    
    <title>Document/<title>


    

       
        <button>按鈕5/<button>
        
        

            
冒泡事件

        

    




/<code>

閱讀更多 就叫春哥 的文章

關鍵字: JavaScript 虛擬機 新手入門