属性或方法“registerUser”未在实例上定义，但在呈现过程中被引用

Question

index.blade.php

<div id="register">
    ...
    <div>
        <button type="button" class="btn btn-primary" @click="registerUser">Add</button>
    </div>
</div>

管理.js

var DomainUsers = {
    template: `...`,
    data: function(){
        return { domainUserData }
    }
}

var mainview = new Vue({
    el: "#mainview",
    components: {
        'domain-users': DomainUsers
    },
    data: {},
    method: {
        registerUser: function () { console.log('test') }
    }
})

[Vue warn]：属性或方法“registerUser”未在实例上定义，但在渲染过程中被引用。确保在数据选项中声明反应性数据属性。（在根实例中找到）

[Vue warn]：事件“click”的处理程序无效：未定义（在根实例中找到）

我应该如何修复使用@点击的代码？

Answer 1

在manage.js中，您将其命名为＜code＞method＜/code＞，而不是＜code＞方法＜/code＜（复数），因此Vue找不到它

var mainview = new Vue({
    // ....

    // plural:
    methods: {
        registerUser: function () { console.log('test') }
    }
})

看见https://v2.vuejs.org/v2/api/#methods了解更多详情。