Laravel with vuejs v-on not calling method

我跟随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');
        }
    }

});