vue.jsのカントムハンドルイベント

Question

私はvue.jsでイベントを処理しようとしていましたが、関数mmが範囲外であると思います。私が得ているエラーは[Vue warn]です：v-on：mouseover = "mm"は関数の値を期待していますが、定義されていません。

これは、これは私のhtml

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

である私のコード

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

である私はそれらのどれも働いていない、いくつかのリンクやソリューションを試してみました。

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; 
      } 
     } 
})