点击按钮后没有反应?

HTML部分:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vueapp</title>
<script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>

</head>
<div id="dealer2">
<button v-on click="greet">greet</button>
</div>
<script src="vueapp.js"></script>
</body>


</html>

JavaScript部分:

var app=new Vue({
    el:"#dealer2",
    data:{
        name:"vue.js"
    },
    //define the method in methods
    methods:{
        greet:function(event){
            alert("hello "+this.name)
            if(event){
                alert(event.target.tagName)
            }
        }
    }
})


点击“greet”按钮没有fan'ying

你的on和click之间少了冒号
<button v-on:click="greet">greet</button>
<button v-on click="greet">greet</button>
->
<button v-on:click="greet(true)">greet</button>

是不是少了冒号

<button v-on:click="greet">greet</button>