Laravel with vuejs v-on not calling method

Question

我跟隨Jeffery的vue系列來學習如何將vue.js推進到我的項目中。我瞭解基礎知識，但我有一個v-on屬性的問題。出於某種原因，我無法使用我的任何方法來運行模糊點擊或其他任何操作。 Jeffery在他們沒有使用的文檔中使用視頻中的「」括號。我已經嘗試過，甚至無法登錄到控制檯。這是我的設置。

HTML：

<div id = "demo" class = "container"> 

    <ul> 
     <li v-for = "name in names">@{{ name }}</li> 
    </ul> 

    <input type="text" placeholder="Add new name" v-model = "newName" v-on="blur:addName"> 

</div> 

vue.js

new Vue({ 

    el: '#demo', 

    data: { 
     names: ['Ricki', 'Kevin', "James"] 
    }, 


    methods: { 

     addName: function() { 

      console.log('working'); 

     } 
    } 


}); 

Answer 1

的v-on語法發生了變化。試試這個代替

<input type="text" placeholder="Add new name" v-model = "newName" v-on:blur="addName">