不能在vue.js中处理事件

Question

我试图处理vue.js中的事件，但我认为函数mm超出了范围。我得到的错误是[Vue warn]：v-on：mouseover =“mm”需要一个函数值，但未定义。

这是我的代码

var menuHover=new Vue({ 
      e1:'#t', 
      data:{ 
       active:true 
      }, 
      methods: { 
       mm: function() 
       { 
        alert(1); 
        This.active=!this.active; 
       } 
      } 
     } 
    ); 

这是我的HTML

 <div id="t" v-on:mouseover="mm"> 
      <ul v-show="active"> 
       <li>Test vue</li> 
      </ul> 
     </div> 

我试过几个环节和解决方案，他们没有工作。

Answer 1

试试这个：jsfiddle，我已经运行这个和成功。

<div id="app" v-on:mouseover="mm"> 
     {{message}} 
     <ul v-show="active"> 
      <li>Test vue</li> 
     </ul> 
    </div> 

这是记者：在你的代码的一些错别字

new Vue({ 
    el: '#app', 
    data: { 
    active:true, 
    message: 'Hello Vue.js!' 
    }, 
    methods: { 
      mm: function(){ 
       alert(1); 
       this.active=!this.active; 
      } 
     } 
})