Templates 属性或方法“；“注册用户”；未在实例上定义，但在渲染期间引用

index.blade.php

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

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

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

---

如何修复使用@click的代码？

在manage.js中，您将其命名为

method

，而不是

methods

（复数），因此Vue找不到它。这应该可以解决问题：

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

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

有关更多详细信息，请参阅

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

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