vue form表单提交但不跳转页面

vue使用

@submit.prevent=""

来设置提交时执行的函数，并阻止页面跳转：

<form id="msgForm" action="" method="post" @submit.prevent="sub">
           

sub函数写在

methods

内：

methods:{
      $.post('http://api.test.ai/visitorinfo/', $('#msgForm').serialize(), function(data){
        console.log(data);
      })  
  }