如何在渲染列功能的数据表服务器端处理中调用vue js方法

Question

我正在datatable服务器端处理中获取记录，我已经使用datatable列渲染创建了用于编辑记录的按钮。

window.dtable = $(".datatable-employee").DataTable({
    serverSide: true,
    processing: true,
    ajax: {
        url: '/employee-data',
    },
    "columns":[
        {data:'id', name:'id'},
        {data:'user_id', name:'user_id'},
        {data:'name', name:'name'},
        {data:'email', name:'email'},
        {data:'contact', name:'contact'},
        {data:'date_of_joining', name:'date_of_joining'},
        {data:'id', name: 'id',
            render: function(data){
                return '<a @click="edit()" class="btn btn-primary">Edit</a>'
            }
        }
    ]
});

现在，我想在用户单击编辑按钮时调用vue.js方法。

 var app = new Vue({
el: '#div-employee',
data: {

},
methods:{
    edit : function() {
        alert("Edit button click");
    }
}});

我尝试过，但无法执行此操作，请给我一个解决方案。