# vue的事件驅動(v-on)
###### tags: `Java Web-vue`

#### html語法

    <div id="div0">
        <span>{{msg}}</span><br/>
        <!-- v-on:click 表示绑定点击事件 -->
        <!-- v-on可以省略，变成 @click -->
        <!--<input type="button" value="反转" v-on:click="myReverse"/>-->
        <input type="button" value="反转" @click="myReverse"/>
    </div>

#### vue語法

methods:{
        myReverse:function(){
<!--讓字符串反轉 -->
        this.msg = this.msg.split("").reverse().join("");
                    }
                }

點擊前
點擊後