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">