1、视图层:

<div id="app">
  <p>
    <form action="https://www.163.com" method="POST" @submit="run()"> <input type="submit" value="提交"> </form>
  </p>
</div>

2、数据层

let vm = new Vue({
  el: '#app',
  data: {},
  methods: {
    run() {
      alert('你好')
    }
  }
})

代码演示,这个表单提交后会自动进入action里面的链接:

202105281622167585188088

所以要在@submit="run()"添加prevent

202105281622167688582615

代码演示:
202105281622167768104313