herokuにアップしたらjs(vue)が動かなくなった

Question

前提・実現したいこと

ローカル環境ですと動くのですがherokuにUPすると動きません

ボタンを押すと追加のフォームを表示させるようにしていましたが
heroku上ですとボタンを押しても追加表示されません。

発生している問題・エラーメッセージ

[Vue warn]: Property or method "tableEdit" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

(found in <Root>)
warn @ script.js:1485
script.js:1485 [Vue warn]: Invalid handler for event "click": got undefined

(found in <Root>)

該当のソースコード

<button type="button" class="" @click="tableEdit">追加登録する</button>

window.Vue = require('vue');

const app = new Vue({
    el: '#app',
    data: {

    },
    methods: {
        //編集ページのメッセージ登録テーブル追加用
        tableEdit: function () {
            let app = document.getElementById("app");
            let message = document.getElementById("message");
            let table = document.getElementById("table");
            let addtable = table.classList.remove('u-none');
            let addtable2 = app.firstElementChild.cloneNode(true);
            message.appendChild(addtable2);
            table.classList.add('u-none');
        }
    }
});

補足情報（FW/ツールのバージョンなど）

laravel使用中です

Comments

[yambejp]

#app,#message,#tableに関するhtmlの記述がありません

Answer 1

おさがわせして申し訳ありませんでした
スペルミス、upしたコードのバージョン違いが原因だったようです。
申し訳ありませんでした。