无法处理 vue.js 中的事件

Question

我试图在 vue.js 中处理一个事件，但我认为函数 mm 超出了范围。我得到的错误是 [Vue warn]: v-on:mouseover="mm" expects a function value, got undefined 。

这是我的代码

    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>

这是js：

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