属性或方法 “registerUser” 未在实例中定义但引用期间呈现

Question

index.blade.php

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

manage.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的警告]：属性或方法“ registerUser“没有在实例上定义，但在渲染过程中被引用。确保在数据选项中声明反应数据属性。 （根实例中）

[Vue公司提醒]：事件“点击”无效的处理程序：得到不确定的

我应该如何解决使用@单击代码（以root用户实例中）？

Answer 1

在您的manage.js中，您已将其命名为method而不是methods（复数），因此Vue无法找到它。这应该修复它：

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

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

详情请参阅https://vuejs.org/v2/api/#methods。