VUE - V-の修飾

1、V-の修飾子

.stop：イベントバブリングを停止

    < DIV @click = "のgetTitle" >
        阿Q
        < ボタン@click = "getBut" >按钮</ ボタン> 
        < ボタン@ click.stop = "getBut2" >按钮2 </ ボタン> 
    </ DIV >

.prevent：デフォルトの動作を妨げます

    < フォームアクション= "百度" > 
        < 入力タイプ= "提出" 値= "提交" > 
        < 入力タイプ= "提出" 値= "提交" @ click.prevent = "getSubmit" > 
    </ 構成>

.enter：リスニング（確認）​​を入力する場合キー-------（プレス\バウンス）

< 入力タイプ= "テキスト" @keyup = "getKeyup" > 
< 入力タイプ= "テキスト" @ keyup.enter = "getKeyup" >

.once：イベントトリガ一度だけ

< ボタン@click = "getOnce" >按钮</ ボタン> 
< ボタンの@ click.once = "getOnce" >按钮2 </ ボタン>

****** *******完全なコード

<！DOCTYPE HTML > 
< HTML LANG = "EN" >

< ヘッド> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
    < スクリプトSRC = "./のJS / vue.js" > </ スクリプト> 
</ ヘッド> 
< div要素のid = "アプリ" > 
    < DIV @click = "のgetTitle" >
        阿Q
        < ボタン@click = "getBut" >按钮</ ボタン> 
        < ボタン@ click.stop = "getBut2" >按钮2 </ ボタン> 
    </ DIV > 
    < BR >

    < フォームアクション= "百度" > 
        < 入力タイプ= "提出" 値= "提交" > 
        < 入力タイプ= "提出" 値= "提交" @ click.prevent = "getSubmit" > 
    </ 構成> 
    < BR >

    < 入力タイプ= "テキスト" @keyup = "getKeyup" > 
    < 入力タイプ= "テキスト" @ keyup.enter = "getKeyup" > 
    < BR > 
    < BR >

    < ボタン@click = "getOnce" >按钮</ ボタン> 
    < ボタン@ click.once = "getOnce" >按钮2 </ ボタン> 
</ DIV >

< 身体> 
    < スクリプト> 
        VMましょう=  新しい{（ヴュー
            上：' #app ' 、
            データ：（）=> （{

            }）、
            方法：{
                あるgetTitle（）=> {
                    console.log（" 啊Q " ）
                }、
                getBut：（）=> {
                    console.log（' BTN ' ）
                }、
                getBut2：（）=> {
                    console.log（' BTN2 ' ）
                }、
                getSubmit：（）=> {
                    console.log（' getSubmit ' ）
                }、
                getKeyup：（）=> {
                    console.log（' getKeyup ' ）
                }、
                getOnce：（）=> {
                    console.log（' getOnce ' ）
                }
            }
        }）
    </ スクリプト> 
</ ボディ>

</ HTML >